waffles: fix lock colors in some places for light mode

dots/.config/quickshell/ii/modules/waffle/lock/WaffleLock.qml

@@ -30,7 +30,7 @@ LockScreen {
         }
 
         Keys.onPressed: {
-            root.passwordView = true;
+            interactables.switchToFocusedView();
         }
 
         Image {
@@ -65,13 +65,14 @@ LockScreen {
         }
 
         Interactables {
+            id: interactables
             z: 2
             anchors.fill: parent
         }
     }
 
     component Interactables: Rectangle {
-        id: interactables
+        id: interactablesComponent
         color: ColorUtils.transparentize("#000000", 0.8)
         // Button {
         //     onClicked: {
@@ -81,25 +82,22 @@ LockScreen {
         //     text: "woah it doesnt work let me out pls uwu colon three"
         // }
 
-        ClockTextGroup {
+        function switchToFocusedView() {
+            root.passwordView = true;
+        }
+
+        Item {
+            id: unfocusedContent
+            anchors.fill: parent
             visible: !root.passwordView
+            ClockTextGroup {
                 anchors {
                     horizontalCenter: parent.horizontalCenter
                     top: parent.top
-                topMargin: interactables.height * 0.1
+                    topMargin: interactablesComponent.height * 0.1
                 }
             }
-
-        PasswordGroup {
-            visible: root.passwordView
-            anchors {
-                horizontalCenter: parent.horizontalCenter
-                verticalCenter: parent.verticalCenter
-            }
-        }
-
             RowLayout {
-            visible: !root.passwordView
                 anchors {
                     bottom: parent.bottom
                     right: parent.right
@@ -115,6 +113,20 @@ LockScreen {
                     icon: WIcons.batteryLevelIcon
                 }
             }
+        }
+
+        Item {
+            id: focusedContent
+            anchors.fill: parent
+            visible: root.passwordView
+
+            PasswordGroup {
+                visible: root.passwordView
+                anchors {
+                    horizontalCenter: parent.horizontalCenter
+                    verticalCenter: parent.verticalCenter
+                }
+            }
 
             RowLayout {
                 visible: root.passwordView
@@ -129,6 +141,7 @@ LockScreen {
                 }
             }
         }
+    }
 
     component IconIndicator: Item {
         id: iconIndicator
@@ -258,11 +271,18 @@ LockScreen {
                         Keys.onPressed: event => {
                             root.context.resetClearTimer();
                         }
+
+                        MouseArea {
+                            anchors.fill: parent
+                            acceptedButtons: Qt.NoButton
+                            cursorShape: Qt.IBeamCursor
+                        }
                     }
 
                     PasswordBoxButton {
                         id: passwordVisibilityButton
                         property bool passwordVisible: false
+                        visible: passwordInput.text.length > 0
                         onPressed: passwordVisible = true
                         onReleased: passwordVisible = false
                         icon.name: passwordVisible ? "eye-off" : "eye"
@@ -308,7 +328,7 @@ LockScreen {
         property color colBackground: ColorUtils.transparentize(Looks.darkColors.bg1)
         property color colBackgroundHover: ColorUtils.transparentize(Looks.darkColors.bg2Hover)
         property color colBackgroundActive: ColorUtils.transparentize(Looks.darkColors.bg2Active)
-        fgColor: Looks.darkColors.fg
+        fgColor: checked ? Looks.colors.accentFg : Looks.darkColors.fg
 
         checked: hovered