no ugly hover

config/waybar/style.css

@@ -6,9 +6,11 @@ window#waybar {
     border-radius: 0;
 }
 
-#workspaces button {
+#workspaces button,
+#workspaces button:hover {
     padding: 0 5px;
     background-color: #000000;
+    background-image: none;
     color: #ffffff;
     border: none;
     border-radius: 0;
@@ -17,28 +19,20 @@ window#waybar {
     transition: none;
 }
 
-#workspaces button:hover {
-    background-color: #000000;
-    color: #ffffff;
-    border: none;
-    box-shadow: none;
-}
-
 #workspaces button.focused,
-#workspaces button.visible {
+#workspaces button.focused:hover,
+#workspaces button.visible,
+#workspaces button.visible:hover {
     background-color: #ffffff;
+    background-image: none;
     color: #000000;
     border-radius: 0;
 }
 
-#workspaces button.focused:hover,
-#workspaces button.visible:hover {
-    background-color: #ffffff;
-    color: #000000;
-}
-
-#workspaces button.urgent {
+#workspaces button.urgent,
+#workspaces button.urgent:hover {
     background-color: #ffffff;
+    background-image: none;
     color: #ffffff;
     border-radius: 0;
 }