workspace view rework

quickshell/bar/widgets/common/Colors.qml

@@ -0,0 +1,12 @@
+pragma Singleton
+
+import Quickshell
+import Quickshell.Io
+
+Singleton {
+    id: root
+
+    readonly property var colors: ({
+        "primary": "",
+    })
+}

quickshell/bar/widgets/common/Icons.qml

@@ -0,0 +1,27 @@
+pragma Singleton
+
+import Quickshell
+import Quickshell.Io
+
+Singleton {
+    id: root
+
+    readonly property var audioIcons: ({
+        microphone: "",
+        microphoneMuted: "",
+        speaker: "󰕾",
+        speakerMuted: "󰖁",
+    })
+
+    // {class}: {icon}
+    readonly property var appIcons: ({
+        "vesktop": "",
+        "steam": "",
+        "org.telegram.desktop": "",
+        "chromium": "",
+        "dev.zed.Zed": "",
+        "foot": "",
+        "gamescope": "󰺵",
+        "fallback": ""
+    })
+}

quickshell/bar/widgets/common/MaterialIcon.qml

@@ -0,0 +1,17 @@
+// import qs.services
+// import qs.config
+import "text" as Text
+
+Text.StyledText {
+    property real fill
+    property int grade: Colours.light ? 0 : -25
+
+    font.family: Appearance.font.family.material
+    font.pointSize: Appearance.font.size.larger
+    font.variableAxes: ({
+            FILL: fill.toFixed(1),
+            GRAD: grade,
+            opsz: fontInfo.pixelSize,
+            wght: fontInfo.weight
+        })
+}

quickshell/bar/widgets/common/text/StyledText.qml

@@ -0,0 +1,54 @@
+pragma ComponentBehavior: Bound
+
+// https://github.com/caelestia-dots/shell/blob/a23bb48c243348096b27f5f4ac94f663271ece10/widgets/StyledText.qml
+
+// import qs.services
+// import qs.config
+import QtQuick
+
+Text {
+    id: root
+
+    property bool animate: false
+    property string animateProp: "scale"
+    property real animateFrom: 0
+    property real animateTo: 1
+    property int animateDuration: Appearance.anim.durations.normal
+
+    renderType: Text.NativeRendering
+    textFormat: Text.PlainText
+    color: Colours.palette.m3onSurface
+    font.family: Appearance.font.family.sans
+    font.pointSize: Appearance.font.size.smaller
+
+    Behavior on color {
+        ColorAnimation {
+            duration: Appearance.anim.durations.normal
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.standard
+        }
+    }
+
+    Behavior on text {
+        enabled: root.animate
+
+        SequentialAnimation {
+            Anim {
+                to: root.animateFrom
+                easing.bezierCurve: Appearance.anim.curves.standardAccel
+            }
+            PropertyAction {}
+            Anim {
+                to: root.animateTo
+                easing.bezierCurve: Appearance.anim.curves.standardDecel
+            }
+        }
+    }
+
+    component Anim: NumberAnimation {
+        target: root
+        property: root.animateProp
+        duration: root.animateDuration / 2
+        easing.type: Easing.BezierSpline
+    }
+}