quickshell and hyprland additions

2026-04-11 17:47:09 +00:00 · 2026-03-15 13:56:00 +02:00
parent c9c27d1554
commit 1ad06b82a6
509 changed files with 68371 additions and 19 deletions
--- a/.config/quickshell/caelestia/modules/launcher/items/SchemeItem.qml
+++ b/.config/quickshell/caelestia/modules/launcher/items/SchemeItem.qml
@@ -0,0 +1,104 @@
+import "../services"
+import qs.components
+import qs.services
+import qs.config
+import QtQuick
+
+Item {
+    id: root
+
+    required property Schemes.Scheme modelData
+    required property var list
+
+    implicitHeight: Config.launcher.sizes.itemHeight
+
+    anchors.left: parent?.left
+    anchors.right: parent?.right
+
+    StateLayer {
+        radius: Appearance.rounding.normal
+
+        function onClicked(): void {
+            root.modelData?.onClicked(root.list);
+        }
+    }
+
+    Item {
+        anchors.fill: parent
+        anchors.leftMargin: Appearance.padding.larger
+        anchors.rightMargin: Appearance.padding.larger
+        anchors.margins: Appearance.padding.smaller
+
+        StyledRect {
+            id: preview
+
+            anchors.verticalCenter: parent.verticalCenter
+
+            border.width: 1
+            border.color: Qt.alpha(`#${root.modelData?.colours?.outline}`, 0.5)
+
+            color: `#${root.modelData?.colours?.surface}`
+            radius: Appearance.rounding.full
+            implicitWidth: parent.height * 0.8
+            implicitHeight: parent.height * 0.8
+
+            Item {
+                anchors.top: parent.top
+                anchors.bottom: parent.bottom
+                anchors.right: parent.right
+
+                implicitWidth: parent.implicitWidth / 2
+                clip: true
+
+                StyledRect {
+                    anchors.top: parent.top
+                    anchors.bottom: parent.bottom
+                    anchors.right: parent.right
+
+                    implicitWidth: preview.implicitWidth
+                    color: `#${root.modelData?.colours?.primary}`
+                    radius: Appearance.rounding.full
+                }
+            }
+        }
+
+        Column {
+            anchors.left: preview.right
+            anchors.leftMargin: Appearance.spacing.normal
+            anchors.verticalCenter: parent.verticalCenter
+
+            width: parent.width - preview.width - anchors.leftMargin - (current.active ? current.width + Appearance.spacing.normal : 0)
+            spacing: 0
+
+            StyledText {
+                text: root.modelData?.flavour ?? ""
+                font.pointSize: Appearance.font.size.normal
+            }
+
+            StyledText {
+                text: root.modelData?.name ?? ""
+                font.pointSize: Appearance.font.size.small
+                color: Colours.palette.m3outline
+
+                elide: Text.ElideRight
+                anchors.left: parent.left
+                anchors.right: parent.right
+            }
+        }
+
+        Loader {
+            id: current
+
+            anchors.right: parent.right
+            anchors.verticalCenter: parent.verticalCenter
+
+            active: `${root.modelData?.name} ${root.modelData?.flavour}` === Schemes.currentScheme
+
+            sourceComponent: MaterialIcon {
+                text: "check"
+                color: Colours.palette.m3onSurfaceVariant
+                font.pointSize: Appearance.font.size.large
+            }
+        }
+    }
+}