waybar: refine all the 1st level elements on hover

diff --git a/dot-config/waybar/style.css b/dot-config/waybar/style.css
index 41bea8ad88d877bb1b2fd4928e3cd3559b71afef..15f9d0803fe91c745c3f763283b8d8b783e2c393 100644 (file)
--- a/dot-config/waybar/style.css
+++ b/dot-config/waybar/style.css
@@ -73,16 +73,13 @@ tooltip label {
 }
 
 #workspaces button:hover {
-  border-radius: 8px;
-  box-shadow: inherit;
-  text-shadow: inherit;
-  color: @base01;
-  opacity: 0.8;
-  background: alpha(@base07, 0.8);
-  border: inherit;
-  padding: 0 8px;
-  transition: all 0.3s ease;
-  animation: colored-gradient 10s ease infinite;
+  background: alpha(@base07, 0.7);
+}
+
+#workspaces button.focused:hover,
+#workspaces button.active:hover {
+  background: alpha(@base07, 0.7);
+  border-color: @base07;
 }
 
 #workspaces button.focused,
@@ -284,20 +281,22 @@ window#waybar {
 #temperature.critical:hover,
 #temperature:hover,
 #wireplumber:hover,
-#custom-wallpaper:hover {
-    background-color: alpha(@base05, 0.2);
+#custom-wallpaper:hover,
+#idle_inhibitor:hover {
+    background-color: alpha(@base07, 0.3);
 }
 
-#idle_inhibitor:hover {
-    background-color: alpha(@base07, 0.8);
+#custom-launcher:hover,
+#custom-notification:hover {
+    background-color: alpha(@base07, 0.7);
 }
 
 #idle_inhibitor,
 #custom-wallpaper {
   padding-left: 8px;
   padding-right: 8px;
-  color: @base00;
-  background-color: alpha(@base0D, 0.9);
+  color: @base0D;
+  background-color: alpha(@base0D, 0.3);
     border-radius: 8px;
     margin-top: 4px;
     margin-bottom: 4px;