diff --git a/home/modules/waybar.nix b/home/modules/waybar.nix index 2fb8c18..2365cbb 100644 --- a/home/modules/waybar.nix +++ b/home/modules/waybar.nix @@ -34,51 +34,61 @@ }; style = '' - /* Colors */ - @define-color fg #fafafa; - @define-color fg-alt #bdbdbd; - @define-color purple #d500f9; - @define-color red #ff1744; - @define-color trans transparent; + /* Colors */ + @define-color fg #fafafa; + @define-color fg-alt #bdbdbd; + @define-color purple #d500f9; + @define-color red #ff1744; + @define-color trans transparent; - /* Global Settings */ - * { - font-family: 'monospace'; - font-size: 10px; - min-height: 0px; + /* Global Settings */ + * { + font-family: 'monospace'; + font-size: 10px; + min-height: 0px; + } + + /* Waybar */ + window#waybar { + background-color: @trans; + color: @fg; + } + + /* Workspaces */ + #workspaces { + background-color: @trans; + } + + #workspaces button:hover { + background-color: @trans; + color: @fg-alt; } - /* Waybar */ - window#waybar { - background-color: @trans; - color: @fg; - } + #workspaces button { + padding: 0 2px; + background-color: @trans; + color: @fg-alt; + border: none; + } - /* Workspaces */ - #workspaces { - background-color: transparent; - } + #workspaces button.active { + color: @purple; + } - #workspaces button { - padding: 0 2px; - background-color: transparent; - color: @fg-alt; - border: none; - } + #workspaces button.urgent { + color: @red; + } - #workspaces button.active { - color: @purple; - } + /* Clock */ + #clock { + background-color: transparent; + color: @fg; + padding: 0 8px; + } - #workspaces button.urgent { - color: @red; - } - - /* Clock */ - #clock { - background-color: transparent; - color: @fg; - padding: 0 8px; + #clock:hover { + background-color: transparent; + color: @fg; } ''; };