background-color: rgba(23,28,39,0.3);
}
-button {
- /* Use box-shadow instead of border so the text isn't offset */
- box-shadow: inset 0 -3px transparent;
- /* Avoid rounded borders under each button name */
+
+#workspaces button {
+ padding: 0 8px;
+ background-color: rgba(23,28,39,0.3);
+ color:#ffffff;
+ border-top: 1px solid rgba(100, 114, 125, 0.8);
+ font-weight: bold;
border: none;
border-radius: 0;
}
-/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
-button:hover {
+#workspaces button:hover {
background: inherit;
- border-top: 2px solid #c9545d;
+ border-top: 2px solid tomato;
+/* box-shadow: inset 0 -28px #c9545d;*/
}
-#workspaces button {
- padding: 0 4px;
- background-color: rgba(23,28,39,0.3);
-}
-
-#workspaces button:hover {
+#workspaces button.active {
+ font-weight: bold;
+ border-top: 2px solid lightblue;
}
#workspaces button.focused {
}
#workspaces button.urgent {
- background-color: #eb4d4b;
+ /*background-color: #eb4d4b;*/
+ border-top: 2px solid #eb4d4b;
}
#mode {