Finished waybar

waybar/config

@@ -5,10 +5,6 @@
         "position": "bottom",
         "height": 40,
         "spacing": 4,
-        "margin-top": 2,
-        "margin-bottom": 2,
-        "margin-left": 800,
-        "margin-right": 800,
         "output": "DP-2",
         "modules-left": [
             "wireplumber", 

waybar/style.css

@@ -9,8 +9,7 @@
 }
 
 window#waybar {
-    background: @base;
-    border-radius: 16px;
+    background: alpha(@base, 0.6);
 	color: @text;
 }
 
@@ -36,6 +35,17 @@ window#waybar.hidden {
     transition: all 0.1s ease;
 }
 
+.modules-left {
+    background: @surface0;
+}
+.modules-center {
+    background: @surface0;
+    border-radius: 16px;
+}
+.modules-right {
+    background: @surface0;
+}
+
 #clock,
 #cpu,
 #disk,
@@ -51,32 +61,30 @@ window#waybar.hidden {
 	padding: 0 10px;
 }
 
-/* Left side */
-#wireplumber,
-#disk,
-#memory,
-#cpu,
-#custom-gpu,
-#temperature {
+
+#wireplumber{
 	color: @teal;
 }
-
-/* Right side */
-#clock,
-#network,
-#tray,
-#custom-poweroff,
+#disk {
+	color: @rosewater;
+}
 #custom-weather {
     color: @sapphire;
 }
 
+#memory,
+#cpu,
+#network,
+#custom-gpu,
+#temperature {
+    color: @green;
+}
+
+#custom-poweroff {
+    color: @red;
+}
+
 /* Old Colors
-#wireplumber{
-	color: @sapphire;
-}
-#disk {
-	color: @peach;
-}
 #memory {
 	color: @teal;
 }