fixes

bazzite/waybar/style.css

@@ -27,13 +27,13 @@
 @define-color crust #dce0e8;
 
 * {
-    font-family: 'JetBrainsMono Nerd Font', 'Noto Sans Mono', monospace;
+    font-family: 'Noto Sans Mono', 'Symbols Nerd Font Mono', 'Symbols Nerd Font', 'Font Awesome 6 Free', monospace;
     font-size: 15px;
     font-weight: bold;
 }
 
 window#waybar {
-    background-color: #1e1e2e;
+    background-color: rgba(30, 30, 46, 0.72);
     color: @text;
     transition-property: background-color;
     transition-duration: .5s;
@@ -46,7 +46,7 @@ window#waybar.hidden {
 button {
     box-shadow: inset 0 -3px transparent;
     border: none;
-    border-radius: 0;
+    border-radius: 16px;
 }
 
 button:hover {
@@ -56,27 +56,30 @@ button:hover {
 
 /* Workspaces */
 #workspaces button {
-    padding: 0 6px;
-    background-color: transparent;
-    color: #a6adc8;
+    min-height: 24px;
+    padding: 4px 8px;
+    background-color: #000000;
+    color: @overlay2;
+    border-radius: 16px;
 }
 
 #workspaces button:hover {
-    background: alpha(@surface0, 0.5);
+    background: #000000;
 }
 
 #workspaces button.active {
-    color: #cdd6f4;
+    color: @blue;
     box-shadow: inset 0 -2px @blue;
 }
 
 #workspaces button.urgent {
-    background-color: alpha(@red, 0.2);
-    color: @red;
+    background-color: #000000;
+    color: @base;
 }
 
 /* Common module styling */
-#clock,
+#window,
+#custom-calendar,
 #cpu,
 #memory,
 #disk,
@@ -85,27 +88,50 @@ button:hover {
 #pulseaudio,
 #wireplumber,
 #tray,
-#idle_inhibitor,
 #power-profiles-daemon,
 #language,
 #custom-gpu,
 #custom-weather,
 #privacy {
-    padding: 0 10px;
+    min-height: 24px;
+    padding: 4px 8px;
+    background-color: #000000;
+    border-radius: 16px;
     color: @text;
 }
 
+#workspaces button label,
+#window label,
+#custom-calendar label,
+#cpu label,
+#memory label,
+#disk label,
+#temperature label,
+#network label,
+#pulseaudio label,
+#wireplumber label,
+#tray label,
+#power-profiles-daemon label,
+#language label,
+#custom-gpu label,
+#custom-weather label,
+#privacy label {
+    min-height: 24px;
+    padding: 0;
+    margin: 0;
+}
+
 #window,
 #workspaces {
     margin: 0 4px;
 }
 
 #window {
-    color: #cdd6f4;
+    color: @text;
 }
 
-/* Clock */
-#clock {
+/* Calendar/Clock */
+#custom-calendar {
     color: @blue;
     font-weight: bold;
 }
@@ -154,15 +180,6 @@ button:hover {
     font-weight: bold;
 }
 
-/* Idle inhibitor */
-#idle_inhibitor {
-    color: @overlay1;
-}
-
-#idle_inhibitor.activated {
-    color: @peach;
-}
-
 /* Power profiles */
 #power-profiles-daemon {
     color: @subtext0;
@@ -206,24 +223,28 @@ button:hover {
 
 /* Privacy */
 #privacy {
+    background-color: transparent;
     padding: 0;
 }
 
 #privacy-item {
-    padding: 0 5px;
+    min-height: 24px;
+    padding: 4px 8px;
     color: @base;
+    background-color: #000000;
+    border-radius: 16px;
 }
 
 #privacy-item.screenshare {
-    background-color: @peach;
+    background-color: #000000;
 }
 
 #privacy-item.audio-in {
-    background-color: @red;
+    background-color: #000000;
 }
 
 #privacy-item.audio-out {
-    background-color: @blue;
+    background-color: #000000;
 }
 
 /* Tray */