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) */
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 */
/* --- Hyprland palette (ported) --- */
@define-color base rgba(30, 30, 46, 1.0); /* 1e1e2eff */
@define-color inactive rgba(89, 89, 89, 0.667); /* 595959aa */
@define-color blue rgba(51, 204, 255, 0.933); /* 33ccffee */
@define-color green rgba(0, 255, 153, 0.933); /* 00ff99ee */
/* pick a sensible text color for this palette */
--text: rgba(255, 255, 255, 1);
}
/* extra colors you referenced but didn’t define */
@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:
@@ -21,30 +22,30 @@ window#waybar {
}
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;
}
#workspaces button {
padding: 0px 1px; /* vertical only */
min-width: 80px; /* ← controls width */
padding: 0px 1px;
min-width: 80px;
background-color: transparent;
color: --text;
border: 1px --blue --green 45deg; /* visible border */
border-radius: 10px; /* makes it ellipse */
color: @text;
border: 1px solid @green;
border-radius: 10px;
}
#workspaces button:hover {
background: @surface1;
color: --text;
background-color: @surface1;
color: @text;
}
#workspaces button.active {
background-color: rgba(255, 255, 255, 0.25);
color: --base;
color: @base;
box-shadow: inset 0 -3px @subtext1;
}
@@ -62,11 +63,11 @@ window#waybar {
}
#idle_inhibitor.activated {
background-color: --green;
background-color: @green;
}
#battery.charging {
color: --green;
color: @green;
}
@keyframes blink {
@@ -107,11 +108,11 @@ window#waybar {
}
#custom-hyprscroll_overflow.overflow {
padding: 0px 1px; /* vertical only */
min-width: 80px; /* ← controls width */
padding: 0px 1px;
min-width: 80px;
background-color: rgba(255, 255, 255, 0.25);
color: --text;
border: 1px --blue --green 45deg; /* visible border */
border-radius: 10px; /* makes it ellipse */
color: @text;
border: 1px solid @blue; /* use your Hyprland blue here */
border-radius: 10px;
font-weight: bold;
}