causalhonk/dots
1
0
Fork 0
forked from nico/dots
Code Pull requests Activity

waybar: fix workspace buttons

Browse source 
they actually have a highlight now and stuff (crazy)
This commit is contained in:
Nico 2025-05-03 16:16:02 +10:00
parent 1310c53c4d
commit e4e28e1650
1 changed files with 9 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

24
stow/.config/waybar/style.css
View file

@ -35,19 +35,11 @@ window#waybar.solo {
*/ */
button { 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 */ /* Avoid rounded borders under each button name */
border: none; border: none;
border-radius: 0; border-radius: 0;
} }
/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
button:hover {
background: inherit;
box-shadow: inset 0 -3px #ffffff;
}
#workspaces { #workspaces {
background-color: @background; background-color: @background;
color: @primary; color: @primary;
@ -57,19 +49,17 @@ button:hover {
#workspaces button { #workspaces button {
color: @primary; color: @primary;
padding: 0 5px; padding: 0 5px;
border-radius: inherit;
} }
#workspaces button:hover { #workspaces button:hover {
background: rgba(0, 0, 0, 0.2); color: @on_primary;
} background: @on_primary_container;
#workspaces button.focused {
background-color: #64727D;
box-shadow: inset 0 -3px #ffffff;
} }
#workspaces button.urgent { #workspaces button.urgent {
background-color: #eb4d4b; color: @error;
background-color: @error_container;
} }
#clock, #clock,
@ -103,6 +93,8 @@ button:hover {
border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;
margin-right: 0px; margin-right: 0px;
border-right: none;
background-color: @background; background-color: @background;
color: @primary; color: @primary;
} }
@ -112,6 +104,8 @@ button:hover {
border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;
margin-left: 0px; margin-left: 0px;
border-left: none;
background-color: @primary; background-color: @primary;
color: @background; color: @background;
padding: 10px; padding: 10px;