add wlr workspace style to css

1 files changed, 12 insertions, 5 deletions

diff --git a/waybar/style.css b/waybar/style.css
index 95198f2..05adb84 100644
--- a/waybar/style.css
+++ b/waybar/style.css
@@ -29,19 +29,26 @@ window#waybar.hidden {
 }
 
 /* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
+
+#workspaces button {
+    background: #2b55b2;
+    color: white;
+    border-bottom: 3px solid #000000;
+}
+
 #workspaces button:hover {
-    background: lightblue;
+    background: #39c1ed;
     color: black;
     border-bottom: 3px solid #ffffff;
 
 }
 
-#workspaces button.focused {
-    background: #1f1f1f;
+#workspaces button.active {
+    background: #39c1ed;
 }
 
-#workspaces button.focused:hover {
-    background: lightblue;
+#workspaces button.active:hover {
+    background: #39c1ed;
     color: black;
     border-bottom: 3px solid #ffffff;