waybar: some css changes for workspaces hover

This commit is contained in:
krolxon 2025-08-10 22:27:28 +05:30
parent feae8816a3
commit 3ff9631193
2 changed files with 12 additions and 8 deletions

View File

@ -62,7 +62,8 @@
"show-special": false
},
"hyprland/window": {
"format": "󰣇 {}"
"format": "󰣇 {}",
"max-length": 50
},
"tray": {
"icon-size": 13,

View File

@ -103,10 +103,17 @@ window#waybar.hidden {
border-bottom-right-radius: 8px;
}
/* empty persistent workspaces */
#workspaces button.empty {
background-color: @base;
box-shadow: none;
}
#workspaces button:hover {
transition-duration: .2s;
/* transition-duration: .3s; */
color: @base;
box-shadow: inherit;
background-color: #7da6ff;
box-shadow: inset 0 -1px #ffffff;
/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
text-shadow: inherit;
}
@ -116,11 +123,7 @@ window#waybar.hidden {
background-color: #4c566a;
}
/* empty persistent workspaces */
#workspaces button.empty {
background-color: @base;
box-shadow: none;
}
/* active or visible workspaces */
#workspaces button.active,