diff --git a/home/waybar.nix b/home/waybar.nix index 1be8f8f..7ea8c01 100644 --- a/home/waybar.nix +++ b/home/waybar.nix @@ -105,41 +105,24 @@ in }; style = with config.lib.stylix.colors; lib.mkForce /* css */ '' - @define-color base00 #${base00}; - @define-color base01 #${base01}; - @define-color base02 #${base02}; - @define-color base03 #${base03}; - @define-color base04 #${base04}; - @define-color base05 #${base05}; - @define-color base06 #${base06}; - @define-color base07 #${base07}; - @define-color base08 #${base08}; - @define-color base09 #${base09}; - @define-color base0A #${base0A}; - @define-color base0B #${base0B}; - @define-color base0C #${base0C}; - @define-color base0D #${base0D}; - @define-color base0E #${base0E}; - @define-color base0F #${base0F}; - * { - color: @base05; + color: #${base05}; font-size: 16px; } window#waybar { - background: alpha(@base00, ${opacity}); - border-${opposite}: 1px solid alpha(@base02, 0.67); + background: alpha(#${base00}, ${opacity}); + border-${opposite}: 1px solid alpha(#${base02}, 0.67); } window#waybar.fullscreen #workspaces button.active { - background: alpha(@base09, 0.5); + background: alpha(#${base09}, 0.5); } #workspaces button { padding: ${if isVertical then "12px 0" else "0 12px"}; border-radius: 0; - border-bottom: 1px solid alpha(@base02, 0.5); + border-bottom: 1px solid alpha(#${base02}, 0.5); } #workspaces button:hover { @@ -147,7 +130,7 @@ in } #workspaces button.active { - background: alpha(@base02, 0.5); + background: alpha(#${base02}, 0.5); } #window { @@ -156,8 +139,8 @@ in } tooltip, #tray menu { - background: @base00; - border: 1px solid alpha(@base09, 0.93); + background: #${base00}; + border: 1px solid alpha(#${base09}, 0.93); padding: 8px; } @@ -170,7 +153,7 @@ in font-family: "Font Awesome 6 Free Solid"; padding-${if isVertical then "top" else "left"}: 8px; padding-${if isVertical then "bottom" else "right"}: 8px; - color: alpha(@base0A, 0.67); + color: alpha(#${base0A}, 0.67); } #clock {