sho/quickshell-rice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(lockscreen): isolate wallpaper MultiEffect blur strictly to background layer for razor-sharp foreground UI content

Browse Source
This commit is contained in:
Sho 2026-08-02 16:23:43 +09:00
parent 30c04f97c3
commit 7f84328881
1 changed files with 20 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
quickshell/modules/lockscreen/LockscreenWindow.qml
View File

@ -20,42 +20,49 @@ PanelWindow {
exclusionMode: ExclusionMode.Ignore exclusionMode: ExclusionMode.Ignore
visible: LockscreenService.isLocked visible: LockscreenService.isLocked
color: Theme.bg color: "#000000"
// Raw System Wallpaper Image // Raw System Wallpaper Image (Hidden from direct view, used as texture source)
Image { Image {
id: bgImage id: bgImage
anchors.fill: parent anchors.fill: parent
source: Theme.wallpaperPath source: Theme.wallpaperPath
fillMode: Image.PreserveAspectCrop fillMode: Image.PreserveAspectCrop
visible: false
Behavior on source { Behavior on source {
PropertyAnimation { duration: 300 } PropertyAnimation { duration: 300 }
} }
} }
// Blurred Background of the current system wallpaper // ShaderEffectSource texture capture of wallpaper
ShaderEffectSource {
id: wallpaperSource
anchors.fill: parent
sourceItem: bgImage
hideSource: false
live: true
}
// 100% Solid GPU Blurred Background (Isolated strictly to background layer)
MultiEffect { MultiEffect {
anchors.fill: parent anchors.fill: parent
source: bgImage source: wallpaperSource
blurEnabled: true blurEnabled: true
blur: 1.0 blur: 1.0
blurMax: 64 blurMax: 56
opacity: 0.85 opacity: 1.0
} }
// Glass Dark Backdrop Overlay with Gradient // Subtle Dark Vignette Overlay for Readability
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
gradient: Gradient { color: Theme.isDark ? Qt.rgba(0, 0, 0, 0.35) : Qt.rgba(0, 0, 0, 0.25)
GradientStop { position: 0.0; color: Theme.isDark ? Qt.rgba(15/255, 15/255, 25/255, 0.45) : Qt.rgba(20/255, 20/255, 30/255, 0.35) }
GradientStop { position: 0.5; color: Theme.isDark ? Qt.rgba(20/255, 20/255, 32/255, 0.55) : Qt.rgba(25/255, 25/255, 38/255, 0.45) }
GradientStop { position: 1.0; color: Theme.isDark ? Qt.rgba(10/255, 10/255, 18/255, 0.65) : Qt.rgba(15/255, 15/255, 25/255, 0.55) }
}
} }
// Lockscreen Content Layout // Razor-Sharp Lockscreen UI Content Layer (Profile, Password Box, Buttons)
LockscreenContent { LockscreenContent {
anchors.fill: parent anchors.fill: parent
z: 10
} }
} }