waybar update

waybar/styles/modules/clock.css

@@ -1,4 +1,7 @@
 #clock {
-  background: @color5;
+  background: @button;
 }
 
+#clock:hover {
+  background: @button-hover;
+}

waybar/styles/modules/cpu.css

@@ -1,4 +1,2 @@
 #cpu {
-  color: #bf616a;
 }
-

waybar/styles/modules/idle.css

@@ -1,9 +1,12 @@
 #idle_inhibitor {
   padding: 0 16px 0 12px;
-  background-color: @color5;
+  background-color: @button;
+}
+
+#idle_inhibitor:hover {
+  background-color: @button-hover;
 }
 
 #idle_inhibitor.activated {
-  background-color: @color6;
+  background-color: @button-active;
 }
-

waybar/styles/modules/memory.css

@@ -1,4 +1,2 @@
 #memory {
-  color: #b48ead;
 }
-

waybar/styles/modules/mpris.css

@@ -0,0 +1,7 @@
+#mpris {
+  background-color: @button;
+}
+
+#mpris:hover {
+  background-color: @button-hover;
+}

waybar/styles/modules/network.css

@@ -1,8 +1,6 @@
 #network {
-  color: #5e81ac;
 }
 
 #network.disconnected {
-  background-color: #f53c3c;
+  color: #f53c3c;
 }
-

waybar/styles/modules/os.css

@@ -0,0 +1,9 @@
+#custom-os {
+  padding: 0 12px 0 6px;
+  font-size: 24px;
+  background: @button;
+}
+
+#custom-os:hover {
+  background: @button-hover;
+}

waybar/styles/modules/spotify.css

@@ -1,5 +0,0 @@
-.custom-spotify {
-  color: #333;
-  background-color: #1db954;
-  font-style: italic;
-}

waybar/styles/modules/swaync.css

@@ -1,4 +1,7 @@
-.custom-swaync {
-  background-color: white;
+#custom-swaync {
+  background-color: @button;
 }
 
+#custom-swaync:hover {
+  background-color: @button-hover;
+}

waybar/styles/modules/swww.css

@@ -1,4 +1,9 @@
-.custom-swww {
-  color: @color9;
+#custom-swww {
+  padding: 0 16px 0 8px;
+  font-size: 18px;
+  background-color: @button;
 }
 
+#custom-swww:hover {
+  background-color: @button-hover;
+}

waybar/styles/modules/temperature.css

@@ -1,8 +1,6 @@
 #temperature {
-  color: #d08770;
 }
 
 #temperature.critical {
   color: #bf616a;
 }
-

waybar/styles/modules/tray.css

@@ -1,4 +1,5 @@
 #tray {
+  background-color: @button;
   padding: 0 10px;
 }
 
@@ -19,4 +20,3 @@
 #tray button:hover {
   box-shadow: inset 0 -3px #5e81ac;
 }
-

waybar/styles/modules/window.css

@@ -1,5 +1,4 @@
 #window {
-  color: @color6;
   border-radius: 20px;
   padding-left: 10px;
   padding-right: 10px;

waybar/styles/modules/wireplumber.css

@@ -1,8 +1,7 @@
 #wireplumber {
-  background: @color4;
+  background: @button;
 }
 
 #wireplumber.muted {
   color: #f53c3c;
 }
-

waybar/styles/modules/workspaces.css

@@ -1,4 +1,3 @@
-
 #workspaces {
   padding: 0;
   /* border: 2px solid @color4;  */
@@ -9,23 +8,22 @@
   box-shadow: none;
   border: none;
   border-radius: 9999px;
-  color: @color2;
+  color: @button;
 }
 
 #workspaces button.active {
-  color: @color5;
+  color: @button-active;
 }
 
 #workspaces button:hover {
   background: transparent;
-  color: @color5;
+  color: @button-hover;
 }
 
 #workspaces button.focused {
-  color: @color4;
+  color: @button-active;
 }
 
 #workspaces button.urgent {
   color: #bf616a;
 }
-