wip qs

homeConfigurations/muede/.config/quickshell/Bar.qml

@@ -0,0 +1,77 @@
+import QtQuick
+import QtQuick.Controls
+import Quickshell
+
+PanelWindow {
+    anchors {
+        top: true
+        left: true
+        right: true
+    }
+
+    //implicitHeight: 24
+    color: "transparent"
+
+    Item {
+        anchors {
+            leftMargin: 8
+            rightMargin: 8
+            fill: parent
+        }
+
+        // left
+        Pill {
+            anchors.left: parent.left
+
+            Label {
+                text: "TODO: Niri Workspaces"
+            }
+            Label {
+                text: "TODO: System Tray"
+            }
+            Label {
+                text: "TODO: Niri Active Window"
+            }
+        }
+
+        // center
+        Pill {
+            anchors.horizontalCenter: parent.horizontalCenter
+            pillAccentColor: Theme.colors.accent0
+
+            Clock {
+                time: Time.currentTime
+            }
+
+            Label {
+                text: "swaync"
+            }
+
+            Label {
+                text: "Privacy"
+            }
+        }
+
+        // right
+        Pill {
+            anchors.right: parent.right
+
+            Label {
+                text: "TODO: MPRIS"
+            }
+            Label {
+                text: "TODO: Vol/BT/Net"
+            }
+            Label {
+                text: "TODO: Hardware/Bat"
+            }
+
+            RoundButton {
+                text: ""
+                   // textColor: "red"
+
+                    onClicked: console.log("TODO: Execute wlogout")
+            }
+        }
+    }
+}

homeConfigurations/muede/.config/quickshell/Clock.qml

@@ -0,0 +1,7 @@
+import QtQuick.Controls
+
+Label {
+    required property string time
+
+    text: time
+}

homeConfigurations/muede/.config/quickshell/Pill.qml

@@ -0,0 +1,30 @@
+import Quickshell
+import QtQuick.Layouts
+import QtQuick
+
+Rectangle {
+    default property alias content: container.data
+
+    property color pillAccentColor: Theme.colors.foreground
+    property color backgroundColor: Theme.colors.background
+
+    palette {
+        text: pillAccentColor
+        windowText: pillAccentColor
+    }
+
+    color: backgroundColor
+    border.color: pillAccentColor
+
+    border.width: 2
+    radius: 15
+
+    implicitHeight: container.implicitHeight
+    implicitWidth: container.implicitWidth + 16
+
+    RowLayout {
+        id: container
+        anchors.centerIn: parent
+        spacing: 8
+    }
+}

homeConfigurations/muede/.config/quickshell/Theme.qml

@@ -0,0 +1,50 @@
+pragma Singleton
+import QtQuick
+
+QtObject {
+    // TODO: get those from stylix
+    property QtObject colors: QtObject {
+        id: colors // for recursive reference
+        property color base00: "#1e1e2e"
+        property color base01: "#181825"
+        property color base02: "#313244"
+        property color base03: "#45475a"
+        property color base04: "#585b70"
+        property color base05: "#cdd6f4"
+        property color base06: "#f5e0dc"
+        property color base07: "#b4befe"
+        property color base08: "#f38ba8"
+        property color base09: "#6f9dff"
+        property color base0A: "#d162a4"
+        property color base0B: "#a8c9ff"
+        property color base0C: "#a30262"
+        property color base0D: "#89b4fa"
+        property color base0E: "#cba6f7"
+        property color base0F: "#f2cdcd"
+        property color base10: "#1e1e2e"
+        property color base11: "#1e1e2e"
+        property color base12: "#f38ba8"
+        property color base13: "#f9e2af"
+        property color base14: "#a6e3a1"
+        property color base15: "#94e2d5"
+        property color base16: "#89b4fa"
+        property color base17: "#cba6f7"
+
+        property alias background: colors.base00
+        property alias backgroundLight: colors.base01
+        property alias backgroundSelection: colors.base02
+        property alias comments: colors.base03
+        property alias foregroundDark: colors.base04
+        property alias foreground: colors.base05
+        property alias foregroundLight1: colors.base06
+        property alias foregroundLight2: colors.base07
+        property alias accent0: colors.base08
+        property alias accent1: colors.base09
+        property alias accent2: colors.base0A
+        property alias accent3: colors.base0B
+        property alias accent4: colors.base0C
+        property alias accent5: colors.base0D
+        property alias accent6: colors.base0E
+        property alias accent7: colors.base0F
+    }
+}

homeConfigurations/muede/.config/quickshell/Time.qml

@@ -0,0 +1,13 @@
+pragma Singleton
+import Quickshell
+import QtQuick
+
+Singleton {
+    property string currentTime: {
+        Qt.formatDateTime(clock.date, "ddd, dd. MMM hh:mm:ss");
+    }
+    SystemClock {
+        id: clock
+        precision: SystemClock.Seconds
+    }
+}

homeConfigurations/muede/.config/quickshell/shell.qml

@@ -0,0 +1,17 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+import Quickshell
+
+Scope {
+    id: root
+
+    Variants {
+        model: Quickshell.screens
+
+        Bar {
+            required property var modelData
+            screen: modelData
+        }
+    }
+}