Some visual changes

style.css

@@ -10,7 +10,23 @@
 }
 
 /* ------ Set a Uniform Border Radius ------ */
-.modules-left, .modules-center, .modules-right, #cpu, #memory, #temperature, #pulseaudio, #backlight, #custom-spotify, #custom-icon, #custom-updates, #network, #battery, #tray, #idle_inhibitor, #custom-power, #custom-notification {
+.modules-left,
+.modules-center,
+.modules-right,
+#cpu,
+#memory,
+#temperature,
+#pulseaudio,
+#backlight,
+#custom-spotify,
+#custom-icon,
+#custom-updates,
+#network,
+#battery,
+#tray,
+#idle_inhibitor,
+#custom-power,
+#custom-notification {
   border-radius: 6px;
 }
 
@@ -36,16 +52,26 @@
 }
 
 /* ------ Cpu Usage, Temperature, and Memory ------ */
-#cpu, #temperature, #memory {
+#cpu,
+#temperature,
+#memory {
   background-color: @surface0;
   padding: 4px 4px;
   margin: 4px 4px;
   font-size: 12px;
 }
 
-#cpu { color: @peach; }
-#memory { color: @mauve; }
-#temperature { color: @maroon; }
+#cpu {
+  color: @peach;
+}
+
+#memory {
+  color: @mauve;
+}
+
+#temperature {
+  color: @maroon;
+}
 
 /* ------ Window Title ------ */
 #window {
@@ -80,7 +106,7 @@ window#waybar {
 #workspaces button {
   padding: 0px 2px;
   margin: 4px 2px;
-  color: @color7;
+  color: @color2;
   font-family: JetBrainsMono Nerd Font;
 }
 
@@ -159,6 +185,7 @@ window#waybar {
   padding: 2px 9px;
   margin: 4px 2px;
 }
+
 #custom-power {
   color: @red;
   background-color: @surface0;
@@ -180,12 +207,15 @@ window#waybar {
   margin: 4px 4px;
   background-color: @surface0;
 }
+
 #custom-updates.green {
   color: @text;
 }
+
 #custom-updates.yellow {
   color: @peach;
 }
+
 #custom-updates.red {
   color: @red;
 }