1 files changed, 108 insertions, 0 deletions
diff --git a/raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/Modules/Settings/Widgets/SettingsSliderCard.qml b/raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/Modules/Settings/Widgets/SettingsSliderCard.qml
new file mode 100644
index 0000000..5bdd91a
--- /dev/null
+++ b/raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/Modules/Settings/Widgets/SettingsSliderCard.qml
@@ -0,0 +1,108 @@
+pragma ComponentBehavior: Bound
+
+import QtQuick
+import qs.Common
+import qs.Widgets
+
+StyledRect {
+    id: root
+
+    LayoutMirroring.enabled: I18n.isRtl
+    LayoutMirroring.childrenInherit: true
+
+    property string tab: ""
+    property var tags: []
+
+    property string title: ""
+    property string description: ""
+    property string iconName: ""
+    property alias value: slider.value
+    property alias minimum: slider.minimum
+    property alias maximum: slider.maximum
+    property alias unit: slider.unit
+    property int defaultValue: -1
+
+    signal sliderValueChanged(int newValue)
+    signal sliderDragFinished(int finalValue)
+    width: parent?.width ?? 0
+    height: Theme.spacingL * 2 + contentColumn.height
+    radius: Theme.cornerRadius
+    color: Theme.surfaceContainerHigh
+
+    Column {
+        id: contentColumn
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.leftMargin: Theme.spacingL
+        anchors.rightMargin: Theme.spacingL
+        spacing: Theme.spacingS
+
+        Row {
+            width: parent.width
+            spacing: Theme.spacingM
+
+            DankIcon {
+                id: headerIcon
+                name: root.iconName
+                size: Theme.iconSize
+                color: Theme.primary
+                anchors.verticalCenter: parent.verticalCenter
+                visible: root.iconName !== ""
+            }
+
+            Column {
+                anchors.verticalCenter: parent.verticalCenter
+                spacing: Theme.spacingXS
+                width: parent.width - headerIcon.width - (root.defaultValue >= 0 ? resetButton.width + Theme.spacingS : 0) - Theme.spacingM
+
+                StyledText {
+                    text: root.title
+                    font.pixelSize: Theme.fontSizeLarge
+                    font.weight: Font.Medium
+                    color: Theme.surfaceText
+                    width: parent.width
+                    horizontalAlignment: Text.AlignLeft
+                    visible: root.title !== ""
+                }
+
+                StyledText {
+                    text: root.description
+                    font.pixelSize: Theme.fontSizeSmall
+                    color: Theme.surfaceVariantText
+                    wrapMode: Text.WordWrap
+                    width: parent.width
+                    horizontalAlignment: Text.AlignLeft
+                    visible: root.description !== ""
+                }
+            }
+
+            DankActionButton {
+                id: resetButton
+                anchors.verticalCenter: parent.verticalCenter
+                buttonSize: 36
+                iconName: "restart_alt"
+                iconSize: 20
+                visible: root.defaultValue >= 0 && slider.value !== root.defaultValue
+                backgroundColor: Theme.surfaceContainerHigh
+                iconColor: Theme.surfaceVariantText
+                onClicked: {
+                    slider.value = root.defaultValue;
+                    root.sliderValueChanged(root.defaultValue);
+                    root.sliderDragFinished(root.defaultValue);
+                }
+            }
+        }
+
+        DankSlider {
+            id: slider
+            width: parent.width
+            height: 32
+            showValue: true
+            wheelEnabled: false
+            thumbOutlineColor: Theme.surfaceContainerHigh
+            onSliderValueChanged: newValue => root.sliderValueChanged(newValue)
+            onSliderDragFinished: finalValue => root.sliderDragFinished(finalValue)
+        }
+    }
+}