Change Waybar css

Author: c4software

archlinux/install/hyprland/config/waybar/style.css

@@ -1,16 +1,32 @@
 @import "../theme/waybar.css";
 
 * {
-  background-color: @background;
+  /* background-color: @background; */
   color: @foreground;
 
   border: none;
-  border-radius: 10px;
-  padding: 2px 2px;
+  border-radius: 0;
   min-height: 0;
-  font-family: CaskaydiaMono Nerd Font;
+  font-family: 'CaskaydiaMono Nerd Font';
   font-weight: bold;
-  font-size: 14px;
+  font-size: 12px;
+}
+
+window#waybar {
+  background: transparent;
+  margin-top: 10px;
+}
+
+window#waybar.empty #window {
+  background: transparent;
+  padding: 0;
+  margin-left: 0;
+}
+
+mpris#waybar.empty #mpris {
+  background: transparent;
+  padding: 0;
+  margin-right: 0;
 }
 
 .modules-left {
@@ -48,23 +64,39 @@
 #custom-omarchy,
 #workspaces,
 #tray-expander {
-  min-width: 12px;
-  margin: 0 7.5px;
+  background-color: @background;
+  color: @foreground;
+  border-radius: 10px;
+  padding: 0 10px;
+  margin: 5px 2;
 }
 
-#custom-expand-icon {
-  margin-right: -4px;
-  padding: 1px;
+#network.icon {
+  padding-right: 14px;
 }
 
-tooltip {
-  padding: 2px;
+#memory,
+#custom-weather {
+  margin-right: -10px;
+}
+
+#pulseaudio {
+  padding-right: 15px;
+}
+
+#custom-omarchy {
+  padding-left: 10px;
 }
 
 #custom-update {
-  font-size: 10px;
+  padding-left: 7px;
 }
 
-#clock {
-  margin-left: 8.75px;
+#custom-expand-icon {
+  margin-right: -4px;
+}
+
+tooltip {
+  border-radius: 10px;
+  padding: 2px;
 }