sidebar: night light dialog

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

@@ -7,6 +7,7 @@ import QtQuick.Controls
 RippleButton {
     id: root
     property string buttonIcon
+    property alias iconSize: iconWidget.iconSize
 
     Layout.fillWidth: true
     implicitHeight: contentItem.implicitHeight + 8 * 2
@@ -17,6 +18,7 @@ RippleButton {
     contentItem: RowLayout {
         spacing: 10
         OptionalMaterialSymbol {
+            id: iconWidget
             icon: root.buttonIcon
             opacity: root.enabled ? 1 : 0.4
             iconSize: Appearance.font.pixelSize.larger

dots/.config/quickshell/ii/modules/common/widgets/WindowDialogSlider.qml

@@ -0,0 +1,43 @@
+pragma ComponentBehavior: Bound
+import qs.modules.common
+import qs.modules.common.widgets
+import qs.services
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import Quickshell.Widgets
+
+Column {
+    id: root
+
+    property alias text: sliderName.text
+    property alias from: sliderWidget.from
+    property alias to: sliderWidget.to
+    property alias value: sliderWidget.value
+    property alias tooltipContent: sliderWidget.tooltipContent
+    property alias stopIndicatorValues: sliderWidget.stopIndicatorValues
+
+    signal moved()
+    
+    spacing: -2
+    ContentSubsectionLabel {
+        id: sliderName
+        visible: text?.length > 0
+        text: ""
+        anchors {
+            left: parent.left
+            right: parent.right
+        }
+    }
+    StyledSlider {
+        id: sliderWidget
+        anchors {
+            left: parent.left
+            right: parent.right
+            leftMargin: 4
+            rightMargin: leftMargin
+        }
+        configuration: StyledSlider.Configuration.S
+        onMoved: root.moved()
+    }
+}