diff --git a/home/modules/waybar.nix b/home/modules/waybar.nix index 47990f1..b6b6a0e 100644 --- a/home/modules/waybar.nix +++ b/home/modules/waybar.nix @@ -40,52 +40,85 @@ font-family: 'monospace'; font-size: 10px; min-height: 0px; - transition: none; - } - - /* Disable all hover effects globally */ - *:hover { - background-color: inherit; - color: inherit; - box-shadow: none; - text-shadow: none; border: none; + border-radius: 0; } /* Waybar */ window#waybar { - background-color: @trans; + background-color: rgba(0, 0, 0, 0); color: @fg; } /* Workspaces */ #workspaces { - background-color: @trans; + background-color: rgba(0, 0, 0, 0); color: @fg; } #workspaces button { padding: 0 2px; - background-color: @trans; + background-color: rgba(0, 0, 0, 0); + background-image: none; color: @fg-alt; border: none; box-shadow: none; text-shadow: none; + min-width: 0; + } + + #workspaces button:hover { + background-color: rgba(0, 0, 0, 0); + background-image: none; + background: none; + color: @fg-alt; + box-shadow: none; + text-shadow: none; + border: none; } #workspaces button.active { + background-color: rgba(0, 0, 0, 0); + color: @purple; + } + + #workspaces button.active:hover { + background-color: rgba(0, 0, 0, 0); + background-image: none; color: @purple; } #workspaces button.urgent { + background-color: rgba(0, 0, 0, 0); + color: @red; + } + + #workspaces button.urgent:hover { + background-color: rgba(0, 0, 0, 0); + background-image: none; color: @red; } /* Clock */ #clock { - background-color: @trans; + background-color: rgba(0, 0, 0, 0); + background-image: none; + background: none; color: @fg; padding: 0 8px; + border: none; + box-shadow: none; + text-shadow: none; + } + + #clock:hover { + background-color: rgba(0, 0, 0, 0); + background-image: none; + background: none; + color: @fg; + box-shadow: none; + text-shadow: none; + border: none; } ''; };