more styling

waybar/styles/modules/clock.css

@@ -1,5 +1,4 @@
 #clock {
-  color: #eee;
-  background-color: @color4;
+  background: @color5;
 }
 

waybar/styles/modules/idle.css

@@ -1,8 +1,9 @@
 #idle_inhibitor {
-  color: #5e81ac;
+  padding: 0 16px 0 12px;
+  background-color: @color5;
 }
 
 #idle_inhibitor.activated {
-  background-color: #d8dee9;
+  background-color: @color6;
 }
 

waybar/styles/modules/window.css

@@ -0,0 +1,21 @@
+#window {
+  color: @color6;
+  border-radius: 20px;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+window#waybar.kitty {
+  background-color: #111111;
+  color: #ffffff;
+}
+
+window#waybar.chromium {
+  background-color: #eeeeee;
+  color: #000000;
+}
+
+/* make window module transparent when no windows present */
+window#waybar.empty #window {
+  background-color: transparent;
+}

waybar/styles/modules/wireplumber.css

@@ -1,6 +1,5 @@
 #wireplumber {
-  color: #eee;
-  background-color: @color6;
+  background: @color4;
 }
 
 #wireplumber.muted {

waybar/styles/modules/workspaces.css

@@ -9,7 +9,6 @@
   box-shadow: none;
   border: none;
   border-radius: 0;
-  color: @color8;
 }
 
 #workspaces button:first-child {
@@ -23,13 +22,11 @@
 }
 
 #workspaces button.active {
-  background-color: @color4;
-  color: @color8;
+  background: @color4;
 }
 
 #workspaces button:hover {
   background: @color4;
-  color: @color8;
 }
 
 #workspaces button.focused {