settings: more icons

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

@@ -19,12 +19,14 @@ RowLayout {
         spacing: 10
         OptionalMaterialSymbol {
             icon: root.icon
+            opacity: root.enabled ? 1 : 0.4
         }
         StyledText {
             id: labelWidget
             Layout.fillWidth: true
             text: root.text
             color: Appearance.colors.colOnSecondaryContainer
+            opacity: root.enabled ? 1 : 0.4
         }
     }
 

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

@@ -18,6 +18,7 @@ RippleButton {
         spacing: 10
         OptionalMaterialSymbol {
             icon: root.buttonIcon
+            opacity: root.enabled ? 1 : 0.4
             iconSize: Appearance.font.pixelSize.larger
         }
         StyledText {
@@ -26,6 +27,7 @@ RippleButton {
             text: root.text
             font: root.font
             color: Appearance.colors.colOnSecondaryContainer
+            opacity: root.enabled ? 1 : 0.4
         }
         StyledSwitch {
             id: switchWidget

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

@@ -14,6 +14,8 @@ SpinBox {
     property real innerButtonRadius: Appearance.rounding.unsharpen
     editable: true
 
+    opacity: root.enabled ? 1 : 0.4
+
     background: Rectangle {
         color: Appearance.colors.colLayer2
         radius: root.radius

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

@@ -15,6 +15,7 @@ ContentPage {
         title: Translation.tr("Audio")
 
         ConfigSwitch {
+            buttonIcon: "hearing"
             text: Translation.tr("Earbang protection")
             checked: Config.options.audio.protection.enable
             onCheckedChanged: {
@@ -25,8 +26,9 @@ ContentPage {
             }
         }
         ConfigRow {
-            // uniform: true
+            enabled: Config.options.audio.protection.enable
             ConfigSpinBox {
+                icon: "arrow_warm_up"
                 text: Translation.tr("Max allowed increase")
                 value: Config.options.audio.protection.maxAllowedIncrease
                 from: 0
@@ -37,6 +39,7 @@ ContentPage {
                 }
             }
             ConfigSpinBox {
+                icon: "vertical_align_top"
                 text: Translation.tr("Volume limit")
                 value: Config.options.audio.protection.maxAllowed
                 from: 0
@@ -56,6 +59,7 @@ ContentPage {
         ConfigRow {
             uniform: true
             ConfigSpinBox {
+                icon: "warning"
                 text: Translation.tr("Low warning")
                 value: Config.options.battery.low
                 from: 0
@@ -66,6 +70,7 @@ ContentPage {
                 }
             }
             ConfigSpinBox {
+                icon: "dangerous"
                 text: Translation.tr("Critical warning")
                 value: Config.options.battery.critical
                 from: 0
@@ -77,8 +82,10 @@ ContentPage {
             }
         }
         ConfigRow {
-            uniform: true
+            uniform: false
+            Layout.fillWidth: false
             ConfigSwitch {
+                buttonIcon: "pause"
                 text: Translation.tr("Automatic suspend")
                 checked: Config.options.battery.automaticSuspend
                 onCheckedChanged: {
@@ -89,7 +96,8 @@ ContentPage {
                 }
             }
             ConfigSpinBox {
-                text: Translation.tr("Suspend at")
+                enabled: Config.options.battery.automaticSuspend
+                text: Translation.tr("at")
                 value: Config.options.battery.suspend
                 from: 0
                 to: 100

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

@@ -13,6 +13,7 @@ ContentPage {
         title: Translation.tr("Background")
 
         ConfigSwitch {
+            buttonIcon: "nest_clock_farsight_analog"
             text: Translation.tr("Show clock")
             checked: Config.options.background.clock.show
             onCheckedChanged: {
@@ -21,6 +22,7 @@ ContentPage {
         }
 
         ConfigSpinBox {
+            icon: "loupe"
             text: Translation.tr("Scale (%)")
             value: Config.options.background.clock.scale * 100
             from: 1
@@ -57,6 +59,7 @@ ContentPage {
             title: Translation.tr("Wallpaper parallax")
 
             ConfigSwitch {
+                buttonIcon: "unfold_more_double"
                 text: Translation.tr("Vertical")
                 checked: Config.options.background.parallax.vertical
                 onCheckedChanged: {
@@ -67,6 +70,7 @@ ContentPage {
             ConfigRow {
                 uniform: true
                 ConfigSwitch {
+                    buttonIcon: "counter_1"
                     text: Translation.tr("Depends on workspace")
                     checked: Config.options.background.parallax.enableWorkspace
                     onCheckedChanged: {
@@ -74,6 +78,7 @@ ContentPage {
                     }
                 }
                 ConfigSwitch {
+                    buttonIcon: "side_navigation"
                     text: Translation.tr("Depends on sidebars")
                     checked: Config.options.background.parallax.enableSidebar
                     onCheckedChanged: {
@@ -82,6 +87,7 @@ ContentPage {
                 }
             }
             ConfigSpinBox {
+                icon: "loupe"
                 text: Translation.tr("Preferred wallpaper zoom (%)")
                 value: Config.options.background.parallax.workspaceZoom * 100
                 from: 100
@@ -136,6 +142,7 @@ ContentPage {
         title: Translation.tr("Dock")
 
         ConfigSwitch {
+            buttonIcon: "check"
             text: Translation.tr("Enable")
             checked: Config.options.dock.enable
             onCheckedChanged: {
@@ -146,6 +153,7 @@ ContentPage {
         ConfigRow {
             uniform: true
             ConfigSwitch {
+                buttonIcon: "highlight_mouse_cursor"
                 text: Translation.tr("Hover to reveal")
                 checked: Config.options.dock.hoverToReveal
                 onCheckedChanged: {
@@ -153,6 +161,7 @@ ContentPage {
                 }
             }
             ConfigSwitch {
+                buttonIcon: "keep"
                 text: Translation.tr("Pinned on startup")
                 checked: Config.options.dock.pinnedOnStartup
                 onCheckedChanged: {
@@ -161,6 +170,7 @@ ContentPage {
             }
         }
         ConfigSwitch {
+            buttonIcon: "colors"
             text: Translation.tr("Tint app icons")
             checked: Config.options.dock.monochromeIcons
             onCheckedChanged: {
@@ -174,6 +184,7 @@ ContentPage {
         title: Translation.tr("Lock screen")
 
         ConfigSwitch {
+            buttonIcon: "account_circle"
             text: Translation.tr('Launch on startup')
             checked: Config.options.lock.launchOnStartup
             onCheckedChanged: {
@@ -185,6 +196,7 @@ ContentPage {
             title: Translation.tr("Security")
 
             ConfigSwitch {
+                buttonIcon: "settings_power"
                 text: Translation.tr('Require password to power off/restart')
                 checked: Config.options.lock.security.requirePasswordToPower
                 onCheckedChanged: {
@@ -196,6 +208,7 @@ ContentPage {
             }
 
             ConfigSwitch {
+                buttonIcon: "key_vertical"
                 text: Translation.tr('Also unlock keyring')
                 checked: Config.options.lock.security.unlockKeyring
                 onCheckedChanged: {
@@ -211,6 +224,7 @@ ContentPage {
             title: Translation.tr("Style: general")
 
             ConfigSwitch {
+                buttonIcon: "center_focus_weak"
                 text: Translation.tr('Center clock')
                 checked: Config.options.lock.centerClock
                 onCheckedChanged: {
@@ -219,6 +233,7 @@ ContentPage {
             }
             
             ConfigSwitch {
+                buttonIcon: "info"
                 text: Translation.tr('Show "Locked" text')
                 checked: Config.options.lock.showLockedText
                 onCheckedChanged: {
@@ -230,6 +245,7 @@ ContentPage {
             title: Translation.tr("Style: Blurred")
 
             ConfigSwitch {
+                buttonIcon: "blur_on"
                 text: Translation.tr('Enable blur')
                 checked: Config.options.lock.blur.enable
                 onCheckedChanged: {
@@ -238,6 +254,7 @@ ContentPage {
             }
 
             ConfigSpinBox {
+                icon: "loupe"
                 text: Translation.tr("Extra wallpaper zoom (%)")
                 value: Config.options.lock.blur.extraZoom * 100
                 from: 1
@@ -257,6 +274,7 @@ ContentPage {
         title: Translation.tr("Notifications")
 
         ConfigSpinBox {
+            icon: "av_timer"
             text: Translation.tr("Timeout duration (if not defined by notification) (ms)")
             value: Config.options.notifications.timeout
             from: 1000
@@ -273,6 +291,7 @@ ContentPage {
         title: Translation.tr("Sidebars")
 
         ConfigSwitch {
+            buttonIcon: "memory"
             text: Translation.tr('Keep right sidebar loaded')
             checked: Config.options.sidebar.keepRightSidebarLoaded
             onCheckedChanged: {
@@ -289,6 +308,7 @@ ContentPage {
             ConfigRow {
                 uniform: true
                 ConfigSwitch {
+                    buttonIcon: "check"
                     text: Translation.tr("Enable")
                     checked: Config.options.sidebar.cornerOpen.enable
                     onCheckedChanged: {
@@ -296,6 +316,7 @@ ContentPage {
                     }
                 }
                 ConfigSwitch {
+                    buttonIcon: "highlight_mouse_cursor"
                     text: Translation.tr("Hover to trigger")
                     checked: Config.options.sidebar.cornerOpen.clickless
                     onCheckedChanged: {
@@ -310,6 +331,7 @@ ContentPage {
             ConfigRow {
                 uniform: true
                 ConfigSwitch {
+                    buttonIcon: "vertical_align_bottom"
                     text: Translation.tr("Place at bottom")
                     checked: Config.options.sidebar.cornerOpen.bottom
                     onCheckedChanged: {
@@ -321,6 +343,7 @@ ContentPage {
                     }
                 }
                 ConfigSwitch {
+                    buttonIcon: "unfold_more_double"
                     text: Translation.tr("Value scroll")
                     checked: Config.options.sidebar.cornerOpen.valueScroll
                     onCheckedChanged: {
@@ -333,6 +356,7 @@ ContentPage {
                 }
             }
             ConfigSwitch {
+                buttonIcon: "visibility"
                 text: Translation.tr("Visualize region")
                 checked: Config.options.sidebar.cornerOpen.visualize
                 onCheckedChanged: {
@@ -341,6 +365,7 @@ ContentPage {
             }
             ConfigRow {
                 ConfigSpinBox {
+                    icon: "arrow_range"
                     text: Translation.tr("Region width")
                     value: Config.options.sidebar.cornerOpen.cornerRegionWidth
                     from: 1
@@ -351,6 +376,7 @@ ContentPage {
                     }
                 }
                 ConfigSpinBox {
+                    icon: "height"
                     text: Translation.tr("Region height")
                     value: Config.options.sidebar.cornerOpen.cornerRegionHeight
                     from: 1
@@ -369,6 +395,7 @@ ContentPage {
         title: Translation.tr("On-screen display")
 
         ConfigSpinBox {
+            icon: "av_timer"
             text: Translation.tr("Timeout (ms)")
             value: Config.options.osd.timeout
             from: 100
@@ -385,6 +412,7 @@ ContentPage {
         title: Translation.tr("Overview")
 
         ConfigSwitch {
+            buttonIcon: "check"
             text: Translation.tr("Enable")
             checked: Config.options.overview.enable
             onCheckedChanged: {
@@ -392,6 +420,7 @@ ContentPage {
             }
         }
         ConfigSpinBox {
+            icon: "loupe"
             text: Translation.tr("Scale (%)")
             value: Config.options.overview.scale * 100
             from: 1
@@ -404,6 +433,7 @@ ContentPage {
         ConfigRow {
             uniform: true
             ConfigSpinBox {
+                icon: "splitscreen_bottom"
                 text: Translation.tr("Rows")
                 value: Config.options.overview.rows
                 from: 1
@@ -414,6 +444,7 @@ ContentPage {
                 }
             }
             ConfigSpinBox {
+                icon: "splitscreen_right"
                 text: Translation.tr("Columns")
                 value: Config.options.overview.columns
                 from: 1
@@ -431,6 +462,7 @@ ContentPage {
         title: Translation.tr("Screenshot tool")
 
         ConfigSwitch {
+            buttonIcon: "nearby"
             text: Translation.tr('Show regions of potential interest')
             checked: Config.options.screenshotTool.showContentRegions
             onCheckedChanged: {

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

@@ -221,6 +221,7 @@ ContentPage {
         }
 
         ConfigSwitch {
+            buttonIcon: "ev_shadow"
             text: Translation.tr("Transparency")
             checked: Config.options.appearance.transparency.enable
             onCheckedChanged: {

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

@@ -47,6 +47,7 @@ ContentPage {
         title: Translation.tr("Resources")
 
         ConfigSpinBox {
+            icon: "av_timer"
             text: Translation.tr("Polling interval (ms)")
             value: Config.options.resources.updateInterval
             from: 100