more comfy in hyprland

.config/waybar/style.css

@@ -3,9 +3,9 @@
 * {
     border: none;
     border-radius: 0;
-    font-family: 'JetBrainsMono Nerd Font Mono';
+    font-family: 'Source Code Pro';
     font-weight: bold;
-    font-size: 16px;
+    font-size: 18px;
     min-height: 0;
 }
 
@@ -14,8 +14,10 @@ window {
 }
 
 window#waybar {
-    background-color: alpha(@background, 0.7);
+    background-color: alpha(@background, 0.5);
     color: @foreground;
+    background: transparent;
+
 }
 
 window#waybar.hidden {
@@ -26,12 +28,19 @@ window#waybar.kitty {
     background-color: #3F3F3F;
 }
 
+#window {
+    padding: 0 15px 0 5px;
+    background-color: alpha(@color2, 0.3);
+    border-radius: 0 0 10px 0;
+}
+
 #workspaces button {
-    padding: 5px;
+    padding: 2px 5px 3px 5px;
     margin: 0 3px;
     font-weight:bold;
     background-color: alpha(@background, 0.5);
-    color: alpha(@foreground, 0.5);
+    color: alpha(@foreground, 1.0);
+    border-radius: 0 0 15px 15px;
 }
 
 /* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
@@ -40,7 +49,7 @@ window#waybar.kitty {
     box-shadow: inherit;
 }
 
-#workspaces button.focused {
+#workspaces button.focused, #workspaces button.active {
     background-color: @color4;
     color: @foreground;
 }
@@ -67,12 +76,4 @@ window#waybar.kitty {
     padding: 0 10px;
     margin: 0 5px;
     color: @foreground;
-    text-shadow: 1px 1px 2px @background;
-}
-
-@keyframes blink {
-    to {
-        background-color: #ffffff;
-        color: #000000;
-    }
 }