Change Waybar css

Author: c4software

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

@@ -1,34 +1,15 @@
 @import "../theme/waybar.css";
-
 * {
-  /* background-color: @background; */
+  background-color: @background;
   color: @foreground;
 
   border: none;
   border-radius: 0;
   min-height: 0;
-  font-family: 'CaskaydiaMono Nerd Font';
-  font-weight: bold;
+  font-family: CaskaydiaMono Nerd Font;
   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 {
   margin-left: 8px;
 }
@@ -48,54 +29,45 @@ mpris#waybar.empty #mpris {
   opacity: 0.5;
 }
 
-#custom-weather,
-#memory,
-#custom-update,
-#backlight,
-#window,
-#mpris,
 #tray,
 #cpu,
 #battery,
 #network,
 #bluetooth,
 #pulseaudio,
-#clock,
 #custom-omarchy,
-#workspaces,
-#tray-expander {
-  background-color: @background;
-  color: @foreground;
-  border-radius: 10px;
-  padding: 0 10px;
-  margin: 5px 2;
+#custom-screenrecording-indicator,
+#custom-update {
+  min-width: 12px;
+  margin: 0 7.5px;
 }
 
-#network.icon {
-  padding-right: 14px;
+#custom-expand-icon {
+  margin-right: 7px;
 }
 
-#memory {
-  margin-right: -10px;
+tooltip {
+  padding: 2px;
 }
 
-#pulseaudio {
-  padding-right: 15px;
+#custom-update {
+  font-size: 10px;
 }
 
-#custom-omarchy {
-  padding-left: 10px;
+#clock {
+  margin-left: 8.75px;
 }
 
-#custom-update {
-  padding-left: 7px;
+.hidden {
+  opacity: 0;
 }
 
-#custom-expand-icon {
-  margin-right: -4px;
+#custom-screenrecording-indicator {
+  min-width: 12px;
+  margin-left: 8.75px;
+  font-size: 10px;
 }
 
-tooltip {
-  border-radius: 10px;
-  padding: 2px;
+#custom-screenrecording-indicator.active {
+  color: #a55555;
 }