From 269a336f50ceb608c6541af6fbf7967b3ed1cca3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?m=C3=BCde?= Date: Sun, 15 Mar 2026 23:25:33 +0100 Subject: [PATCH] wip qs --- .../muede/.config/quickshell/Bar.qml | 77 +++++++++++++++++++ .../muede/.config/quickshell/Clock.qml | 7 ++ .../muede/.config/quickshell/Pill.qml | 30 ++++++++ .../muede/.config/quickshell/Theme.qml | 50 ++++++++++++ .../muede/.config/quickshell/Time.qml | 13 ++++ .../muede/.config/quickshell/shell.qml | 17 ++++ 6 files changed, 194 insertions(+) create mode 100644 homeConfigurations/muede/.config/quickshell/Bar.qml create mode 100644 homeConfigurations/muede/.config/quickshell/Clock.qml create mode 100644 homeConfigurations/muede/.config/quickshell/Pill.qml create mode 100644 homeConfigurations/muede/.config/quickshell/Theme.qml create mode 100644 homeConfigurations/muede/.config/quickshell/Time.qml create mode 100644 homeConfigurations/muede/.config/quickshell/shell.qml diff --git a/homeConfigurations/muede/.config/quickshell/Bar.qml b/homeConfigurations/muede/.config/quickshell/Bar.qml new file mode 100644 index 0000000..7fc25e9 --- /dev/null +++ b/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") + } + } + } +} diff --git a/homeConfigurations/muede/.config/quickshell/Clock.qml b/homeConfigurations/muede/.config/quickshell/Clock.qml new file mode 100644 index 0000000..161fafc --- /dev/null +++ b/homeConfigurations/muede/.config/quickshell/Clock.qml @@ -0,0 +1,7 @@ +import QtQuick.Controls + +Label { + required property string time + + text: time +} diff --git a/homeConfigurations/muede/.config/quickshell/Pill.qml b/homeConfigurations/muede/.config/quickshell/Pill.qml new file mode 100644 index 0000000..7824888 --- /dev/null +++ b/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 + } +} diff --git a/homeConfigurations/muede/.config/quickshell/Theme.qml b/homeConfigurations/muede/.config/quickshell/Theme.qml new file mode 100644 index 0000000..baeb104 --- /dev/null +++ b/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 + } +} diff --git a/homeConfigurations/muede/.config/quickshell/Time.qml b/homeConfigurations/muede/.config/quickshell/Time.qml new file mode 100644 index 0000000..52e5a35 --- /dev/null +++ b/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 + } +} diff --git a/homeConfigurations/muede/.config/quickshell/shell.qml b/homeConfigurations/muede/.config/quickshell/shell.qml new file mode 100644 index 0000000..53ca2cc --- /dev/null +++ b/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 + } + } +}