From 406b8eb6280c70192e3c812a9046af7773982c3e Mon Sep 17 00:00:00 2001
From: Sem <sem@intersting-corner.nl>
Date: Fri, 3 Apr 2026 18:03:11 +0200
Subject: [PATCH] add overview and use matugen colors on workspace switcher

---
 hypr/autostart.conf                       |  3 +-
 hypr/keybindings.conf                     |  1 +
 quickshell/overview/config.json           | 66 +++++++++++++++++++++++
 quickshell/{ => services}/SystemStats.qml |  0
 quickshell/shell.qml                      |  2 +-
 quickshell/ui/TopBar.qml                  |  4 +-
 6 files changed, 72 insertions(+), 4 deletions(-)
 create mode 100644 quickshell/overview/config.json
 rename quickshell/{ => services}/SystemStats.qml (100%)

diff --git a/hypr/autostart.conf b/hypr/autostart.conf
index bc1acca..72b8134 100644
--- a/hypr/autostart.conf
+++ b/hypr/autostart.conf
@@ -2,4 +2,5 @@ exec-once = /usr/lib/hyprpolkitagent/hyprpolkitagent # authentication
 exec-once = /usr/bin/qs & # quickshell
 # exec-once = hyprpaper # wallpaper
 exec-once = awww-daemon # wallpaper
-exec-once = hyprsunset # night light
\ No newline at end of file
+exec-once = hyprsunset # night light
+exec-once = qs -c overview # workspace switcher https://github.com/Shanu-Kumawat/quickshell-overview
\ No newline at end of file
diff --git a/hypr/keybindings.conf b/hypr/keybindings.conf
index 574acce..0bfdfe8 100644
--- a/hypr/keybindings.conf
+++ b/hypr/keybindings.conf
@@ -16,6 +16,7 @@ bind = $mainMod, R, exec, $menu
 bind = $mainMod, P, exec, $programs
 bind = $mainMod, L, layoutmsg, togglesplit # dwindle
 bind = $mainMod, code:47, exec, rofi -show emoji
+bind = $mainMod, TAB, exec, qs ipc -c overview call overview toggle
 
 # Move focus with mainMod + arrow keys
 bind = $mainMod, J, cyclenext
diff --git a/quickshell/overview/config.json b/quickshell/overview/config.json
new file mode 100644
index 0000000..24e9bbf
--- /dev/null
+++ b/quickshell/overview/config.json
@@ -0,0 +1,66 @@
+{
+  "appearance": {
+    "colorSource": "default",
+    "caelestia": {
+      "autoRefresh": true,
+      "refreshInterval": 2000,
+      "accentProfile": "vibrant"
+    },
+    "rounding": {
+      "unsharpen": 2,
+      "verysmall": 8,
+      "small": 12,
+      "normal": 17,
+      "large": 23,
+      "full": 9999,
+      "screenRounding": 23,
+      "windowRounding": 18
+    },
+    "font": {
+      "family": {
+        "main": "JetBrainsMono Nerd Font",
+        "title": "JetBrainsMono Nerd Font",
+        "expressive": "JetBrainsMono Nerd Font"
+      },
+      "pixelSize": {
+        "smaller": 12,
+        "small": 15,
+        "normal": 16,
+        "larger": 19,
+        "huge": 22
+      }
+    },
+    "animation": {
+      "duration": {
+        "elementMove": 500,
+        "elementMoveEnter": 400,
+        "elementMoveFast": 200
+      }
+    },
+    "sizes": {
+      "elevationMargin": 10
+    }
+  },
+  "overview": {
+    "rows": 2,
+    "columns": 5,
+    "scale": 0.16,
+    "enable": true,
+    "hideEmptyRows": false,
+    "workspaceSpacing": 5,
+    "backgroundPadding": 10,
+    "workspaceNumberBaseSize": 250
+  },
+  "position": {
+    "topMargin": 100
+  },
+  "windowPreview": {
+    "iconToWindowRatio": 0.25,
+    "iconToWindowRatioCompact": 0.45,
+    "xwaylandIndicatorToIconRatio": 0.35,
+    "inactiveMonitorOpacity": 0.4
+  },
+  "hacks": {
+    "arbitraryRaceConditionDelay": 150
+  }
+}
diff --git a/quickshell/SystemStats.qml b/quickshell/services/SystemStats.qml
similarity index 100%
rename from quickshell/SystemStats.qml
rename to quickshell/services/SystemStats.qml
diff --git a/quickshell/shell.qml b/quickshell/shell.qml
index ce09289..e14ae89 100644
--- a/quickshell/shell.qml
+++ b/quickshell/shell.qml
@@ -35,7 +35,7 @@ ShellRoot {
             anchors.left: true
             anchors.right: true
             implicitHeight: 25
-            color: Constants.colBg
+            color: Colors.md3.background
 
             Loader {
                 id: wallpaperLoader
diff --git a/quickshell/ui/TopBar.qml b/quickshell/ui/TopBar.qml
index eb9d3c8..a6b20fe 100644
--- a/quickshell/ui/TopBar.qml
+++ b/quickshell/ui/TopBar.qml
@@ -34,7 +34,7 @@ Item {
             spacing: 10
 
             Repeater {
-                model: 9
+                model: 10
 
                 Text {
                     required property int index
@@ -44,7 +44,7 @@ Item {
 
                     text: wsId
 
-                    color: workspaceHelpers.isWorkspaceActive(wsId) ? Constants.colCyan : (ws ? Constants.colMagenta : Constants.colMuted)
+                    color: workspaceHelpers.isWorkspaceActive(wsId) ? Colors.md3.primary : (ws ? Colors.md3.on_background : Colors.md3.on_secondary)
 
                     font {
                         family: Constants.fontFamily