feat: init quickshell

modules/desktop/quickshell/qml/Widgets/ControlPanel/components/widgets/ThemeToggle.qml

@@ -0,0 +1,45 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import "root:/Data" as Data
+
+// Simple theme toggle button with hover feedback
+Rectangle {
+    id: root
+    property var shell: null
+    color: Qt.darker(Data.ThemeManager.bgColor, 1.15)
+    radius: 20
+
+    property bool containsMouse: themeMouseArea.containsMouse
+    property bool menuJustOpened: false
+
+    signal entered
+    signal exited
+
+    // Hover state management for parent components
+    onContainsMouseChanged: {
+        if (containsMouse) {
+            entered();
+        } else if (!menuJustOpened) {
+            exited();
+        }
+    }
+
+    MouseArea {
+        id: themeMouseArea
+        anchors.fill: parent
+        hoverEnabled: true
+        onClicked: {
+            Data.ThemeManager.toggleTheme();
+        }
+    }
+
+    // Theme toggle icon with color feedback
+    Label {
+        anchors.centerIn: parent
+        text: "contrast"
+        font.pixelSize: 24
+        font.family: "Material Symbols Outlined"
+        color: containsMouse ? Data.ThemeManager.accentColor : Data.ThemeManager.fgColor
+    }
+}