init waffles

2025-11-10 20:45:38 +01:00
parent f98c422254
commit 58980959aa
18 changed files with 463 additions and 14 deletions
@@ -0,0 +1,17 @@
+import QtQuick
+import org.kde.kirigami as Kirigami
+import qs.modules.common
+import qs.modules.waffle.looks
+
+Kirigami.Icon {
+    id: root
+    required property string icon
+    property int implicitSize: 18 // Should be 16, but it appears the icons have some padding
+    implicitWidth: implicitSize
+    implicitHeight: implicitSize
+
+    roundToIconSize: false
+    color: Looks.colors.fg
+    isMask: true
+    source: `${Looks.iconsPath}/${root.icon}.svg`
+}
@@ -0,0 +1,77 @@
+pragma ComponentBehavior: Bound
+pragma Singleton
+
+import QtQuick
+import Quickshell
+import qs.modules.common
+import qs.modules.common.functions
+
+Singleton {
+    id: root
+    property QtObject colors
+    property QtObject radius
+    property QtObject font
+    property QtObject transition
+    property string iconsPath: `${Directories.assetsPath}/icons/fluent`
+
+    property real fluentBackgroundTransparency: 0.17
+    property real fluentContentTransparency: 0.3
+    colors: QtObject {
+        id: colors
+        property color bg0: "#1C1C1C"
+        property color bg0Border: "#404040"
+        property color bg1: "#2E2E2E"
+        property color bg1Hover: "#292929"
+        property color bg1Active: "#252525"
+        property color bg1Border: "#333333"
+        property color fg: "#FFFFFF"
+        property color brand: Appearance.m3colors.m3primary
+    }
+
+    radius: QtObject {
+        id: radius
+        property int none: 0
+        property int small: 2
+        property int medium: 4
+        property int large: 8
+        property int xLarge: 12
+    }
+
+    font: QtObject {
+        id: font
+        property QtObject family: QtObject {
+            property string ui: "Noto Sans"
+        }
+        property QtObject weight: QtObject {
+            property int regular: Font.Normal
+            property int strong: Font.DemiBold
+            property int stronger: Font.Bold
+        }
+        property QtObject variableAxes: QtObject {
+            
+        }
+        property QtObject pixelSize: QtObject {
+            property int small: 10
+            property int normal: 11
+        }
+    }
+
+    transition: QtObject {
+        id: transition
+        property QtObject easing: QtObject {
+            property QtObject bezierCurve: QtObject {
+                readonly property list<real> easeInOut: [0.42,0.00,0.58,1.00]
+                readonly property list<real> easeIn: [0,1,1,1]
+                readonly property list<real> easeOut: [1,0,1,1]
+            }
+        }
+
+        property Component color: Component {
+            ColorAnimation {
+                duration: 80
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: transition.easing.bezierCurve.easeInOut
+            }
+        }
+    }
+}
@@ -0,0 +1,15 @@
+import QtQuick
+
+Text {
+    id: root
+
+    renderType: Text.NativeRendering
+    verticalAlignment: Text.AlignVCenter
+    color: Looks.colors.fg
+
+    font {
+        family: Looks.font.family.ui
+        pixelSize: Looks.font.pixelSize.normal
+        weight: Looks.font.weight.regular
+    }
+}