Complete workout of waybar CSS

1 files changed, 29 insertions, 22 deletions

diff --git a/config/waybar/style/Catppuccin-Mocha.css b/config/waybar/style/Catppuccin-Mocha.css
index e2e66dc9..914dc8d8 100644
--- a/config/waybar/style/Catppuccin-Mocha.css
+++ b/config/waybar/style/Catppuccin-Mocha.css
@@ -32,15 +32,22 @@ window#waybar.hidden {
 
 /* This section can be use if you want to separate waybar modules */
 .modules-left, .modules-center, .modules-right {
-  background: @theme_base_color; 
-  border: 0.5px solid @overlay0;
-  padding: 0px 5px;
-  border-radius: 10px;
+	background: @theme_base_color; 
+ 	border: 0.5px solid @overlay0;
+	padding-top: 2px;
+	padding-bottom: 2px;
+	padding-right: 4px;
+	padding-left: 4px;
+	border-radius: 10px;
+
 } 
 
- .modules-left, .modules-right {
-   border: 1px solid @blue;
-   /*margin: 0px 5px;*/
+.modules-left, .modules-right {
+  	border: 1px solid @blue;
+	padding-top: 2px;
+	padding-bottom: 2px;
+	padding-right: 4px;
+	padding-left: 4px;
 } 
 
 #backlight,
@@ -89,10 +96,10 @@ window#waybar.hidden {
 #custom-weather.showyIcyDay,
 #custom-weather.snowyIcyNight,
 #custom-weather.sunnyDay {
-	padding-top: 3px;
-	padding-bottom: 3px;
-	padding-left: 5px;
-	padding-right: 5px;
+	padding-top: 2px;
+	padding-bottom: 2px;
+	padding-right: 4px;
+	padding-left: 4px;
 }
 
 #idle_inhibitor {
@@ -164,8 +171,8 @@ window#waybar.hidden {
 	text-shadow: none;
     padding: 0px;
     border-radius: 9px;
-    padding-left: 3px;
-    padding-right: 3px;
+    padding-left: 4px;
+    padding-right: 4px;
     animation: gradient_f 20s ease-in infinite;
     transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
 }
@@ -174,22 +181,22 @@ window#waybar.hidden {
 	border-radius: 8px;
 	color: @overlay0;
 	background-color: @surface0;
- 	padding-left: 3px;
-    padding-right: 3px;
+ 	padding-left: 2px;
+    padding-right: 2px;
     animation: gradient_f 20s ease-in infinite;
     transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
 }
 
 #workspaces button.persistent {
   	color: @surface1;
-  	border-radius: 0px;
+  	border-radius: 10px;
 }
 
 #workspaces button.active {
   	color: @peach;
   	border-radius: 8px;
-    padding-left: 12px;
-    padding-right: 12px;
+    padding-left: 8px;
+    padding-right: 8px;
     animation: gradient_f 20s ease-in infinite;
     transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
 }
@@ -200,15 +207,15 @@ window#waybar.hidden {
 }
 
 #taskbar button.active {
-    padding-left: 12px;
-    padding-right: 12px;
+    padding-left: 8px;
+    padding-right: 8px;
     animation: gradient_f 20s ease-in infinite;
     transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
 }
 
 #taskbar button:hover {
-    padding-left: 3px;
-    padding-right: 3px;
+    padding-left: 2px;
+    padding-right: 2px;
     animation: gradient_f 20s ease-in infinite;
     transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
 }