New dotfiles update, spacing and colors mainly

waybar/config

@@ -3,11 +3,14 @@
         "name": "main",
         "layer": "top",
         "position": "bottom",
-        "height": 48,
-        "spacing": 4,
-        "output": "DP-1",
+        "height": 38,
+        "spacing": 0,
+        "output": "DP-3",
+        "reload_style_on_change": true,
         "margin-left": 800,
         "margin-right": 800,
+        "margin-top": 20,
+        "margin-bottom": 10,
         "modules-left": [
             "wireplumber", 
             "disk", 
@@ -78,7 +81,6 @@
             "format-icons": {
                 "default": "",
                 "persistent": "",
-                "active": ""
             },
             "persistent-workspaces": {
                 "1": [ ],

waybar/style.css

@@ -10,10 +10,10 @@
 }
 
 window#waybar {
-    background: alpha(@base, 0.6);
-    border: 4px solid @sapphire;
-    border-radius: 8px;
-	color: @text;
+    background: @mantle;
+    border: 4px solid @crust;
+    border-radius: 0px;
+	color: @peach;
 }
 
 window#waybar.hidden {
@@ -25,31 +25,24 @@ window#waybar.hidden {
 }
 
 #workspaces button {
-    color: @blue;
+    color: @peach;
     background: transparent;
     transition: all 0.1s ease;
 }
 
 #workspaces button.active {
-    background-color: @blue;
-    margin: 4px;
-    border-radius: 6px;
+    background-color: alpha(@base, 0.5);
+    margin-top: 2px;
+    margin-bottom: 2px;
     transition: all 0.1s ease;
 }
 
-.modules-left {
-    color: @blue;
-    margin: 2px;
-    border-radius: 16px;
-}
-.modules-center {
-    border-radius: 16px;
-    margin: 2px;
-}
+.modules-left,
+.modules-center,
 .modules-right {
-    color: @blue;
-    border-radius: 16px;
-    margin: 2px;
+    background: alpha(@mantle, 0.6);
+    margin: 4px;
+    padding: 0 5px;
 }
 
 #clock,
@@ -64,5 +57,12 @@ window#waybar.hidden {
 #custom-gpu,
 #custom-poweroff,
 #custom-weather {
+    background-color: @base;
+    border-radius: 6px;
+    margin-top: 4px;
+    margin-bottom: 4px;
+    margin-left: 6px;
+    margin-right: 6px;
 	padding: 0 10px;
+    color: @peach;
 }