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

Nice colours

Browse Source
This commit is contained in:
Henro Veijer
2026-02-26 22:28:27 +01:00
parent d3d6f297f4
commit b79bd96834
1 changed files with 21 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
henrovnix_ok/assets/conf/desktop/waybar/style.css
+21 -10
View File
@@ -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: font-family:
Aporetic Sans Mono, Aporetic Sans Mono,
@@ -10,8 +21,8 @@
} }
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;
@@ -21,19 +32,19 @@ window#waybar {
padding: 0px 1px; /* vertical only */ padding: 0px 1px; /* vertical only */
min-width: 80px; /* ← controls width */ min-width: 80px; /* ← controls width */
background-color: transparent; background-color: transparent;
color: @text; color: --text;
border: 1px solid @green; /* visible border */ border: 1px --blue --green 45deg; /* visible border */
border-radius: 10px; /* makes it ellipse */ border-radius: 10px; /* makes it ellipse */
} }
#workspaces button:hover { #workspaces button:hover {
background: @surface1; background: @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;
} }
@@ -51,11 +62,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 {
@@ -99,8 +110,8 @@ window#waybar {
padding: 0px 1px; /* vertical only */ padding: 0px 1px; /* vertical only */
min-width: 80px; /* ← controls width */ min-width: 80px; /* ← controls width */
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 --blue --green 45deg; /* visible border */
border-radius: 10px; /* makes it ellipse */ border-radius: 10px; /* makes it ellipse */
font-weight: bold; font-weight: bold;
} }