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

style(lockscreen): make lockscreen UI card, input box, and session buttons 100% solid and non-transparent

Browse Source
This commit is contained in:
Sho 2026-08-02 16:22:59 +09:00
parent ceeb669a6a
commit 30c04f97c3
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
quickshell/modules/lockscreen/LockscreenContent.qml
View File

@ -205,14 +205,14 @@ Item {
Item { Layout.preferredHeight: 4 } Item { Layout.preferredHeight: 4 }
// 3. Elegant Glass Input Card with Animated Typing Dots & Session Controls // 3. Opaque Solid Input Card with Animated Typing Dots & Session Controls
Rectangle { Rectangle {
id: cardContainer id: cardContainer
Layout.fillWidth: true Layout.fillWidth: true
implicitHeight: cardLayout.implicitHeight + 36 implicitHeight: cardLayout.implicitHeight + 36
radius: 24 radius: 24
color: Theme.isDark ? Qt.rgba(30/255, 30/255, 46/255, 0.65) : Qt.rgba(240/255, 240/255, 245/255, 0.75) color: Theme.surface
border.color: LockscreenService.authFailed ? Theme.red : (secretInput.activeFocus ? Theme.accent : Qt.rgba(Theme.fg.r, Theme.fg.g, Theme.fg.b, 0.18)) border.color: LockscreenService.authFailed ? Theme.red : (secretInput.activeFocus ? Theme.accent : Qt.rgba(Theme.fg.r, Theme.fg.g, Theme.fg.b, 0.22))
border.width: LockscreenService.authFailed ? 2 : (secretInput.activeFocus ? 2 : 1) border.width: LockscreenService.authFailed ? 2 : (secretInput.activeFocus ? 2 : 1)
Behavior on border.color { ColorAnimation { duration: 180 } } Behavior on border.color { ColorAnimation { duration: 180 } }
@ -230,8 +230,8 @@ Item {
Layout.fillWidth: true Layout.fillWidth: true
implicitHeight: 48 implicitHeight: 48
radius: 14 radius: 14
color: Qt.rgba(0, 0, 0, 0.28) color: Theme.bg
border.color: secretInput.activeFocus ? Qt.rgba(Theme.accent.r, Theme.accent.g, Theme.accent.b, 0.4) : Qt.rgba(Theme.fg.r, Theme.fg.g, Theme.fg.b, 0.12) border.color: secretInput.activeFocus ? Theme.accent : Qt.rgba(Theme.fg.r, Theme.fg.g, Theme.fg.b, 0.2)
Behavior on border.color { ColorAnimation { duration: 150 } } Behavior on border.color { ColorAnimation { duration: 150 } }
@ -374,8 +374,8 @@ Item {
Layout.fillWidth: true Layout.fillWidth: true
implicitHeight: 48 implicitHeight: 48
radius: 12 radius: 12
color: suspendMouse.containsMouse ? Qt.rgba(Theme.accent.r, Theme.accent.g, Theme.accent.b, 0.25) : Qt.rgba(0, 0, 0, 0.3) color: suspendMouse.containsMouse ? Qt.rgba(Theme.accent.r, Theme.accent.g, Theme.accent.b, 0.25) : Theme.bg
border.color: suspendMouse.containsMouse ? Theme.accent : Qt.rgba(Theme.fg.r, Theme.fg.g, Theme.fg.b, 0.12) border.color: suspendMouse.containsMouse ? Theme.accent : Qt.rgba(Theme.fg.r, Theme.fg.g, Theme.fg.b, 0.2)
Behavior on color { ColorAnimation { duration: 150 } } Behavior on color { ColorAnimation { duration: 150 } }
Behavior on border.color { ColorAnimation { duration: 150 } } Behavior on border.color { ColorAnimation { duration: 150 } }
@ -400,8 +400,8 @@ Item {
Layout.fillWidth: true Layout.fillWidth: true
implicitHeight: 48 implicitHeight: 48
radius: 12 radius: 12
color: rebootMouse.containsMouse ? Qt.rgba(Theme.orange.r, Theme.orange.g, Theme.orange.b, 0.3) : Qt.rgba(0, 0, 0, 0.3) color: rebootMouse.containsMouse ? Qt.rgba(Theme.orange.r, Theme.orange.g, Theme.orange.b, 0.25) : Theme.bg
border.color: rebootMouse.containsMouse ? Theme.orange : Qt.rgba(Theme.fg.r, Theme.fg.g, Theme.fg.b, 0.12) border.color: rebootMouse.containsMouse ? Theme.orange : Qt.rgba(Theme.fg.r, Theme.fg.g, Theme.fg.b, 0.2)
Behavior on color { ColorAnimation { duration: 150 } } Behavior on color { ColorAnimation { duration: 150 } }
Behavior on border.color { ColorAnimation { duration: 150 } } Behavior on border.color { ColorAnimation { duration: 150 } }
@ -426,8 +426,8 @@ Item {
Layout.fillWidth: true Layout.fillWidth: true
implicitHeight: 48 implicitHeight: 48
radius: 12 radius: 12
color: powerMouse.containsMouse ? Qt.rgba(Theme.red.r, Theme.red.g, Theme.red.b, 0.3) : Qt.rgba(0, 0, 0, 0.3) color: powerMouse.containsMouse ? Qt.rgba(Theme.red.r, Theme.red.g, Theme.red.b, 0.25) : Theme.bg
border.color: powerMouse.containsMouse ? Theme.red : Qt.rgba(Theme.fg.r, Theme.fg.g, Theme.fg.b, 0.12) border.color: powerMouse.containsMouse ? Theme.red : Qt.rgba(Theme.fg.r, Theme.fg.g, Theme.fg.b, 0.2)
Behavior on color { ColorAnimation { duration: 150 } } Behavior on color { ColorAnimation { duration: 150 } }
Behavior on border.color { ColorAnimation { duration: 150 } } Behavior on border.color { ColorAnimation { duration: 150 } }