henrov/nixos
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Colours!

Browse Source
This commit is contained in:
Henro Veijer
2026-02-26 22:31:01 +01:00
parent b79bd96834
commit bf3e8310b2
1 changed files with 27 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
henrovnix_ok/assets/conf/desktop/waybar/style.css
+27 -26
View File
@@ -1,13 +1,14 @@
/* Hyprland palette (ported) */ /* --- Hyprland palette (ported) --- */
window#waybar { @define-color base rgba(30, 30, 46, 1.0); /* 1e1e2eff */
--base: rgba(30, 30, 46, 1); /* 1e1e2eff */ @define-color inactive rgba(89, 89, 89, 0.667); /* 595959aa */
--inactive: rgba(89, 89, 89, 0.67); /* 595959aa */ @define-color blue rgba(51, 204, 255, 0.933); /* 33ccffee */
--blue: rgba(51, 204, 255, 0.93); /* 33ccffee */ @define-color green rgba(0, 255, 153, 0.933); /* 00ff99ee */
--green: rgba(0, 255, 153, 0.93); /* 00ff99ee */
/* pick a sensible text color for this palette */ /* extra colors you referenced but didn’t define */
--text: rgba(255, 255, 255, 1); @define-color text rgba(255, 255, 255, 1.0);
} @define-color surface1 rgba(255, 255, 255, 0.08);
@define-color subtext1 rgba(255, 255, 255, 0.35);
@define-color red rgba(255, 0, 0, 0.90);
* { * {
font-family: font-family:
@@ -21,30 +22,30 @@ window#waybar {
} }
window#waybar { window#waybar {
background-color: --base; background-color: @base;
color: --text; color: @text;
transition-property: background-color; transition-property: background-color;
border-bottom: 0px solid rgba(0, 0, 0, 0); border-bottom: 0px solid rgba(0, 0, 0, 0);
transition-duration: 0.5s; transition-duration: 0.5s;
} }
#workspaces button { #workspaces button {
padding: 0px 1px; /* vertical only */ padding: 0px 1px;
min-width: 80px; /* ← controls width */ min-width: 80px;
background-color: transparent; background-color: transparent;
color: --text; color: @text;
border: 1px --blue --green 45deg; /* visible border */ border: 1px solid @green;
border-radius: 10px; /* makes it ellipse */ border-radius: 10px;
} }
#workspaces button:hover { #workspaces button:hover {
background: @surface1; background-color: @surface1;
color: --text; color: @text;
} }
#workspaces button.active { #workspaces button.active {
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
color: --base; color: @base;
box-shadow: inset 0 -3px @subtext1; box-shadow: inset 0 -3px @subtext1;
} }
@@ -62,11 +63,11 @@ window#waybar {
} }
#idle_inhibitor.activated { #idle_inhibitor.activated {
background-color: --green; background-color: @green;
} }
#battery.charging { #battery.charging {
color: --green; color: @green;
} }
@keyframes blink { @keyframes blink {
@@ -107,11 +108,11 @@ window#waybar {
} }
#custom-hyprscroll_overflow.overflow { #custom-hyprscroll_overflow.overflow {
padding: 0px 1px; /* vertical only */ padding: 0px 1px;
min-width: 80px; /* ← controls width */ min-width: 80px;
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
color: --text; color: @text;
border: 1px --blue --green 45deg; /* visible border */ border: 1px solid @blue; /* use your Hyprland blue here */
border-radius: 10px; /* makes it ellipse */ border-radius: 10px;
font-weight: bold; font-weight: bold;
} }