diff --git a/henrovnix_ok/assets/conf/desktop/waybar/style.css b/henrovnix_ok/assets/conf/desktop/waybar/style.css index 75d46053e..681fa8d59 100644 --- a/henrovnix_ok/assets/conf/desktop/waybar/style.css +++ b/henrovnix_ok/assets/conf/desktop/waybar/style.css @@ -1,3 +1,14 @@ +/* Hyprland palette (ported) */ +window#waybar { + --base: rgba(30, 30, 46, 1); /* 1e1e2eff */ + --inactive: rgba(89, 89, 89, 0.67); /* 595959aa */ + --blue: rgba(51, 204, 255, 0.93); /* 33ccffee */ + --green: rgba(0, 255, 153, 0.93); /* 00ff99ee */ + + /* pick a sensible text color for this palette */ + --text: rgba(255, 255, 255, 1); +} + * { font-family: Aporetic Sans Mono, @@ -10,8 +21,8 @@ } window#waybar { - background-color: @base; - color: @text; + background-color: --base; + color: --text; transition-property: background-color; border-bottom: 0px solid rgba(0, 0, 0, 0); transition-duration: 0.5s; @@ -21,19 +32,19 @@ window#waybar { padding: 0px 1px; /* vertical only */ min-width: 80px; /* ← controls width */ background-color: transparent; - color: @text; - border: 1px solid @green; /* visible border */ + color: --text; + border: 1px --blue --green 45deg; /* visible border */ border-radius: 10px; /* makes it ellipse */ } #workspaces button:hover { background: @surface1; - color: @text; + color: --text; } #workspaces button.active { background-color: rgba(255, 255, 255, 0.25); - color: @base; + color: --base; box-shadow: inset 0 -3px @subtext1; } @@ -51,11 +62,11 @@ window#waybar { } #idle_inhibitor.activated { - background-color: @green; + background-color: --green; } #battery.charging { - color: @green; + color: --green; } @keyframes blink { @@ -99,8 +110,8 @@ window#waybar { padding: 0px 1px; /* vertical only */ min-width: 80px; /* ← controls width */ background-color: rgba(255, 255, 255, 0.25); - color: @text; - border: 1px $blue $green 45deg; /* visible border */ + color: --text; + border: 1px --blue --green 45deg; /* visible border */ border-radius: 10px; /* makes it ellipse */ font-weight: bold; }