From f4e07a22f30398ec5e5fd311a9913c3a1e1b2e85 Mon Sep 17 00:00:00 2001
From: Sravan Balaji <balajsra@umich.edu>
Date: Sun, 27 Apr 2025 09:41:49 -0400
Subject: [PATCH] Configure waybar hyprland workspaces module

---
 README.org          | 63 +++++++++++++++++++++++++++++++++++++++++++++
 waybar/config.jsonc | 24 +++++++++++++++++
 waybar/style.css    | 28 ++++++++++++++++++++
 3 files changed, 115 insertions(+)

diff --git a/README.org b/README.org
index 4c4e68e..acccb24 100644
--- a/README.org
+++ b/README.org
@@ -49,6 +49,7 @@
     - [[#clock][Clock]]
     - [[#dunst][Dunst]]
     - [[#disk][Disk]]
+    - [[#hyprland-1][Hyprland]]
     - [[#idle-inhibitor][Idle Inhibitor]]
     - [[#memory][Memory]]
     - [[#playerctl][Playerctl]]
@@ -800,6 +801,68 @@ fi
 }
 #+END_SRC
 
+*** Hyprland
+
+**** Configuration
+
+#+BEGIN_SRC jsonc :tangle waybar/config.jsonc
+    "hyprland/workspaces": {
+        "active-only": false,
+        "all-outputs": false,
+        "format": "{icon}",
+        "format-icons": {
+		    "1": "󰻧 ₁",
+		    "2": "󰍩 ₂",
+		    "3": "󰠮 ₃",
+		    "4": " ₄",
+		    "5": "󰖟 ₅",
+            "6": " ₆",
+            "7": "󰊢 ₇",
+            "8": "󰊖 ₈",
+            "9": " ₉",
+	    },
+        "show-special": true,
+        "special-visible-only": true,
+        "move-to-monitor": false,
+    },
+    "hyprland/window": {
+    },
+    "hyprland/submap": {
+    },
+#+END_SRC
+
+**** Styling
+
+#+BEGIN_SRC css :tangle waybar/style.css
+#workspaces {
+    padding: 0px 10px;
+}
+#workspaces button {
+    background: transparent;
+    color: #f1fa8c;
+    padding: 0px 5px;
+}
+#workspaces button.empty {
+    color: #44475a;
+}
+#workspaces button.active {
+    box-shadow: inset 0 -3px #bd93f9;
+}
+#workspaces button.urgent {
+    color: #ff5555;
+}
+#window.title {
+    background: transparent;
+    color: #f8f8f2;
+    padding: 0px 10px;
+}
+#window.layout {
+    background: transparent;
+    color: #50fa7b;
+    padding: 0px 10px;
+}
+#+END_SRC
+
 *** Idle Inhibitor
 
 **** Configuration
diff --git a/waybar/config.jsonc b/waybar/config.jsonc
index 2d51604..6da0808 100644
--- a/waybar/config.jsonc
+++ b/waybar/config.jsonc
@@ -148,6 +148,30 @@
         "on-click-right": "uwsm app -- qdirstat",
     },
 
+    "hyprland/workspaces": {
+        "active-only": false,
+        "all-outputs": false,
+        "format": "{icon}",
+        "format-icons": {
+		    "1": "󰻧 ₁",
+		    "2": "󰍩 ₂",
+		    "3": "󰠮 ₃",
+		    "4": " ₄",
+		    "5": "󰖟 ₅",
+            "6": " ₆",
+            "7": "󰊢 ₇",
+            "8": "󰊖 ₈",
+            "9": " ₉",
+	    },
+        "show-special": true,
+        "special-visible-only": true,
+        "move-to-monitor": false,
+    },
+    "hyprland/window": {
+    },
+    "hyprland/submap": {
+    },
+
     "idle_inhibitor": {
         "format": "{icon}",
         "format-icons": {
diff --git a/waybar/style.css b/waybar/style.css
index 522fa23..1f80f90 100644
--- a/waybar/style.css
+++ b/waybar/style.css
@@ -71,6 +71,34 @@ box#dunst {
     color: #f1fa8c;
 }
 
+#workspaces {
+    padding: 0px 10px;
+}
+#workspaces button {
+    background: transparent;
+    color: #f1fa8c;
+    padding: 0px 5px;
+}
+#workspaces button.empty {
+    color: #44475a;
+}
+#workspaces button.active {
+    box-shadow: inset 0 -3px #bd93f9;
+}
+#workspaces button.urgent {
+    color: #ff5555;
+}
+#window.title {
+    background: transparent;
+    color: #f8f8f2;
+    padding: 0px 10px;
+}
+#window.layout {
+    background: transparent;
+    color: #50fa7b;
+    padding: 0px 10px;
+}
+
 #idle_inhibitor.activated {
     background: transparent;
     color: #f1fa8c;