v2.2.14 waybar style tweaks

config/waybar/style/[Catppuccin] Latte.css

@@ -26,22 +26,8 @@ window#waybar.hidden {
 }
 
 #waybar.empty #window {
-  background: none;
-}
-
-/* This section can be use if you want to separate waybar modules*/
-/* Remember to set transparent on waybar above */
-/*.modules-left, .modules-center, .modules-right { */
-/*  background: @theme_base_color; */
-/*  border: 0.5px solid @overlay0; */
-/*  padding: 0px 5px; */
-/*  border-radius: 10px; */
-/*} */
-
-/* .modules-left, .modules-right { */
-/*   border: 1px solid @blue; */
-/*   margin: 0px 5px;*/ 
-/*}*/
+  background: transparent;
+}
 
 #backlight,
 #backlight-slider,

config/waybar/style/[Catppuccin] Mocha.css

@@ -26,7 +26,7 @@ window#waybar.hidden {
 }
 
 #waybar.empty #window {
-  background: none;
+  background: transparent;
 }
 
 /* This section can be use if you want to separate waybar modules */

config/waybar/style/[Colorful] Aurora.css

@@ -138,12 +138,22 @@ tooltip label{
 	padding-right: 6px;
 	padding-left: 6px;
 }
-
+#backlight {
+	padding-right: 2px;
+}
 #custom-power {
 	padding-left: 10px;
 	padding-right: 2px;
 }
-
+#custom-menu {
+	padding-right: 8px;
+}
+#custom-cycle_wall {
+	padding-right: 2px;
+}
+#network {
+	padding-right: 12px;
+}
 /*-----Indicators----*/
 #idle_inhibitor.activated {
 	color: #2dcc36;
@@ -152,7 +162,8 @@ tooltip label{
 	color: #cc3436;
 }
 #temperature.critical {
-	color: #cc3436;
+	background: red;
+	color: black;
 }
 
 @keyframes blink {

config/waybar/style/[Colorful] Rainbow Spectrum.css

@@ -296,6 +296,7 @@ tooltip label{
 
 #network {
 	background-color: #89b4fa;
+	padding-right: 12px;
 }
 #network.disconnected,#network.disabled {
 	background-color: #313244;

config/waybar/style/[Dark] Latte-Wallust combined.css

@@ -40,19 +40,15 @@ window#waybar.hidden {
 }
 
 window#waybar.empty {
-    /*background-color: #040406;*/
     background-color: transparent;
 }
 
 window#waybar.empty #window {
     padding: 0px;
     border: 0px;
-    /*  background-color: rgba(66,66,66,0.5); */
-    /* transparent */
     background-color: transparent;
 }
 
-
 tooltip {
     background: #1e1e2e;
     border-radius: 5px;

config/waybar/style/[Extra] Rose Pine.css

@@ -23,6 +23,10 @@ window#waybar {
     background: @bar-bg;
 }
 
+window#waybar.empty #window {
+	background-color: transparent;
+}
+
 tooltip {
     background: @main-bg;
     color: @main-fg;
@@ -38,8 +42,8 @@ tooltip {
 	border-color: #2B5D34;
 	border-style: solid;
 	border-radius: 10px;
-    padding-left: 3px;
-    padding-right: 3px;
+    padding-left: 2px;
+    padding-right: 4px;
 	background: @main-bg;
     color: @main-fg;
     animation: gradient_f 20s ease-in infinite;
@@ -49,8 +53,8 @@ tooltip {
 #workspaces button.active {
     background: @wb-act-bg;
     color: @wb-act-fg;
-    padding-left: 8px;
-    padding-right: 8px;
+    padding-left: 2px;
+    padding-right: 4px;
     animation: gradient_f 20s ease-in infinite;
     transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
 }
@@ -155,9 +159,15 @@ tooltip {
 }
 
 #temperature.critical {
-  background-color: @red;
+  	background-color: red;
 }
 
+#backlight {
+	padding-right: 2px;
+}
+#network {
+	padding-right: 12px;
+}
 #custom-power {
 	padding-right: 1px;
 }

config/waybar/style/[Wallust] Box type.css

@@ -148,6 +148,9 @@ window#waybar.empty #window {
 	padding-right: 8px;
 	padding-left: 8px;
 }
+#backlight {
+	padding-right: 2px;
+}
 #battery.critical:not(.charging) {
     background-color: #ffffff;
     color: #000000;

config/waybar/style/[Wallust] Chroma Edge.css

@@ -84,7 +84,6 @@ tooltip label{
 	background-color: #eb4d4b;
 }
 
-
 #backlight,
 #backlight-slider,
 #battery,
@@ -222,8 +221,8 @@ tooltip label{
 	color: #FFD580;
 }
 #backlight {
-	/* color: #EBCB8B; */
 	color: #8fbcbb;
+	padding-right: 2px;
 }
 
 #clock {

config/waybar/style/[Wallust] Chroma Tally.css

@@ -208,6 +208,7 @@ tooltip {
 #custom-swaync,
 #custom-menu {
 	color: yellow;
+	padding-left: 8px;
 }
 #custom-power{
     color: #eba0ac;