3 files changed, 38 insertions, 0 deletions
diff --git a/.config/waybar/config.jsonc b/.config/waybar/config.jsonc
index bd38898..7c7c29c 100644
--- a/.config/waybar/config.jsonc
+++ b/.config/waybar/config.jsonc
@@ -10,6 +10,20 @@
       "__vnc": "󱒃"
     }
   },
+  // "wlr/workspaces": {
+  //   "format": "{icon}",
+  //   "format-icons": {
+  //     "m": "󰎇",
+  //     "v": "󰿏",
+  //     "g": "󰺵",
+  //     "__vnc": "󱒃"
+  //   }
+  // },
+
+  "river/tags": {
+    "format": ":{}",
+    "num-tags": 9
+  },
 
   "custom/mpris": {
     "max-width": 60,
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index dec6cb8..2d6a36c 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -81,12 +81,20 @@ window#waybar.hidden {
   transition-duration: 0.1s;
 }
 
+#tags button,
 #workspaces button {
   padding: 0 5px;
   background: transparent;
   color: @dimmed;
   /* border-bottom: 3px solid transparent; */
 }
+#tags button {
+  color: @dimmeddarker;
+}
+#tags button.occupied {
+  color: @dimmed;
+}
+#tags button.focused,
 #workspaces button.focused {
   font-weight: bold;
   color: @foreground;
@@ -94,10 +102,13 @@ window#waybar.hidden {
   transition-property: background;
   transition-duration: 0.01s;
 }
+#tags button.urgent,
 #workspaces button.urgent {
   color: @background;
   background: @urgent;
 }
+#tags button:hover,
+#tags button.focused:hover,
 #workspaces button:hover,
 #workspaces button.focused:hover {
   background: @accent;
@@ -109,6 +120,7 @@ window#waybar.hidden {
   box-shadow: inherit;
   text-shadow: inherit;
 }
+#tags button.urgent:hover,
 #workspaces button.urgent:hover {
   background: @foreground;
   transition-property: background;
diff --git a/.config/waybar/style.css.in b/.config/waybar/style.css.in
index e4072bb..67a1001 100644
--- a/.config/waybar/style.css.in
+++ b/.config/waybar/style.css.in
@@ -81,12 +81,20 @@ window#waybar.hidden {
   transition-duration: 0.1s;
 }
 
+#tags button,
 #workspaces button {
   padding: 0 5px;
   background: transparent;
   color: @dimmed;
   /* border-bottom: 3px solid transparent; */
 }
+#tags button {
+  color: @dimmeddarker;
+}
+#tags button.occupied {
+  color: @dimmed;
+}
+#tags button.focused,
 #workspaces button.focused {
   font-weight: bold;
   color: @foreground;
@@ -94,10 +102,13 @@ window#waybar.hidden {
   transition-property: background;
   transition-duration: 0.01s;
 }
+#tags button.urgent,
 #workspaces button.urgent {
   color: @background;
   background: @urgent;
 }
+#tags button:hover,
+#tags button.focused:hover,
 #workspaces button:hover,
 #workspaces button.focused:hover {
   background: @accent;
@@ -109,6 +120,7 @@ window#waybar.hidden {
   box-shadow: inherit;
   text-shadow: inherit;
 }
+#tags button.urgent:hover,
 #workspaces button.urgent:hover {
   background: @foreground;
   transition-property: background;