lock screen blur: fix center clock option, add settings app toggles

.config/quickshell/ii/modules/background/Background.qml

@@ -277,7 +277,7 @@ Variants {
             }
             states: State {
                 name: "centered"
-                when: bgRoot.shouldBlur
+                when: bgRoot.shouldBlur && Config.options.background.lockBlur.centerClock
                 AnchorChanges {
                     target: clockLoader
                     anchors {

.config/quickshell/ii/modules/common/widgets/ConfigSwitch.qml

@@ -7,8 +7,11 @@ import QtQuick.Controls
 RippleButton {
     id: root
     property string buttonIcon
+
     Layout.fillWidth: true
     implicitHeight: contentItem.implicitHeight + 8 * 2
+    font.pixelSize: Appearance.font.pixelSize.small
+    
     onClicked: checked = !checked
 
     contentItem: RowLayout {
@@ -21,7 +24,7 @@ RippleButton {
             id: labelWidget
             Layout.fillWidth: true
             text: root.text
-            font.pixelSize: Appearance.font.pixelSize.small
+            font: root.font
             color: Appearance.colors.colOnSecondaryContainer
         }
         StyledSwitch {

.config/quickshell/ii/modules/settings/InterfaceConfig.qml

@@ -99,6 +99,48 @@ ContentPage {
         }
     }
 
+    ContentSection {
+        icon: "lock"
+        title: Translation.tr("Lock screen")
+
+        ContentSubsection {
+            title: Translation.tr("Blurred style")
+
+            ConfigSwitch {
+                font.pixelSize: Appearance.font.pixelSize.large
+                text: Translation.tr('Enable blur')
+                checked: Config.options.background.lockBlur.enable
+                onCheckedChanged: {
+                    Config.options.background.lockBlur.enable = checked;
+                }
+            }
+
+            ConfigRow {
+                uniform: true
+
+                ConfigSwitch {
+                    enabled: Config.options.background.lockBlur.enable
+                    font.pixelSize: Appearance.font.pixelSize.large
+                    text: Translation.tr('Center clock')
+                    checked: Config.options.background.lockBlur.centerClock
+                    onCheckedChanged: {
+                        Config.options.background.lockBlur.centerClock = checked;
+                    }
+                }
+                ConfigSwitch {
+                    enabled: Config.options.background.lockBlur.enable
+                    font.pixelSize: Appearance.font.pixelSize.large
+                    text: Translation.tr('Show "Locked" text')
+                    checked: Config.options.background.lockBlur.showLockedText
+                    onCheckedChanged: {
+                        Config.options.background.lockBlur.showLockedText = checked;
+                    }
+                }
+            }
+
+        }
+    }
+
     ContentSection {
         icon: "side_navigation"
         title: Translation.tr("Sidebars")