deine mum

resources/bar.css

@@ -2,6 +2,7 @@
     all: unset;
 }
 
+
 window {
     background-color: rgba(30, 30, 30, 0.8);
     color: #ffffff;
@@ -21,24 +22,28 @@ window {
     border-radius: 5px;
 }
 
-.workspace-pill:hover {
-    background-color: rgba(104, 104, 104, 0.2);
-}
-.workspace-pill:last-child {
-    margin-right: 0;
-}
-
 .workspace-pill-focused {
-    background-color: rgba(104, 104, 104, 0.3);
+    background-color: #ffffff;
+    color: #1e1e1e;
+    font-weight: bold;
+    border-bottom: #89b4fa 2px;
 }
 
 .workspace-pill-active {
-    background-color: rgba(168, 168, 168, 0.4);
+    background-color: rgba(255, 255, 255, 0.2);
 }
 
 .workspace-pill-urgent {
     background-color: #ff5555;
-    color: #111;
+    color: #fff;
+}
+
+.workspace-pill:last-child {
+    margin-right: 0;
+}
+
+.workspace-pill:hover {
+    background-color: rgba(255, 255, 255, 0.1);
 }
 
 .minimized {
@@ -49,7 +54,6 @@ window {
     background-color: transparent;
 }
 
-
 button {
     padding: 2px 5px;
     margin: 0 2px;
@@ -59,13 +63,10 @@ button {
     border: none;
 }
 
-/* Hover effect: slightly brighten background and show pointer */
 button:hover {
     background-color: #111111;
 }
 
-
-
 #spacer {
     color: rgba(255, 255, 255, 0.3);
     padding: 0 5px;
@@ -82,4 +83,9 @@ tooltip {
     color: #ffffff;
     font-family: "IBMPlexSans-Regular", sans-serif;
     padding: 5px 10px;
-}
+}
+
+.icon-label {
+    font-family: "Material Icons, Hack Nerd Font Mono";
+    font-size: 19px;
+}