vinzenz/nixos-configuration
0
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

waybar: theme tweaks

Browse source
This commit is contained in:
müde 2026-02-08 17:43:33 +01:00
parent a00f15adfc
commit 74809ee2bb
3 changed files with 51 additions and 65 deletions
Download patch file Download diff file Expand all files Collapse all files

2
homeConfigurations/muede/niri.nix
View file

@ -56,7 +56,7 @@
from = pink_dark; from = pink_dark;
to = pink_light; to = pink_light;
}; };
gap-size = 8; gap-size = 6;
in in
{ {
background-color = "transparent"; background-color = "transparent";

87
homeConfigurations/muede/waybar.css
View file

@ -13,27 +13,20 @@
/* #endregion */ /* #endregion */
* { * {
font-family: monospace sans-serif; font-family: monospace;
font-size: 12px; font-size: 13px;
} }
window#waybar { window#waybar {
transition-property: background-color; transition-property: background-color;
transition-duration: 0.5s; transition-duration: 0.5s;
/* Gradient border spanning the entire waybar window */ /* Gradient border spanning the entire waybar window */
border-bottom: 4px solid transparent; border-bottom: 3px solid transparent;
background-clip: padding-box, border-box; background-clip: padding-box, border-box;
background-origin: padding-box, border-box; background-origin: padding-box, border-box;
background-image: background-image:
linear-gradient(90deg, @base01, @base00, @base01, @base00, @base01), linear-gradient(135deg, @base00, @base01),
linear-gradient(90deg, @base0C, @base0D, @base0A, @base0D, @base0C); linear-gradient(135deg, @base0C, @base09);
}
.modules-left,
.modules-center,
.modules-right {
padding: 0px 4px 8px 4px;
} }
/* Common pill styling for all widgets */ /* Common pill styling for all widgets */
@ -60,22 +53,27 @@ window#waybar {
#upower, #upower,
#workspaces, #workspaces,
#window, #window,
#tray { #tray,
margin: 0px 4px; #custom-wlogout,
padding: 0px 6px; #privacy-item {
margin: 0px 4px 6px;
padding: 0px 8px;
background: linear-gradient(135deg, @base02, @base01); background: linear-gradient(135deg, @base02, @base01);
border-radius: 16px; border-radius: 15px;
border: 1px solid; border: 2px solid;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
/* special treatment for weird sized widgets */ /* special treatment for weird sized widgets */
#custom-wlogout { #custom-wlogout,
padding: 0px 10px 0px 8px;
}
#power-profiles-daemon, #power-profiles-daemon,
#idle_inhibitor { #idle_inhibitor {
padding: 0px 14px 0px 8px; padding: 0px 10px 0px 8px;
}
#workspaces {
padding-left: 0;
padding-right: 0;
} }
/* Individual widget colors */ /* Individual widget colors */
@ -89,7 +87,7 @@ window#waybar {
padding: 0 6px; padding: 0 6px;
background-color: transparent; background-color: transparent;
color: @base05; color: @base05;
border-radius: 12px; border-radius: 15px;
border: none; border: none;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
@ -210,13 +208,13 @@ window#waybar {
/* Battery states with colored glows */ /* Battery states with colored glows */
#battery.charging { #battery.charging {
box-shadow: 0 0 10px rgba(168, 201, 255, 0.6); box-shadow: 0 0 6px rgba(168, 201, 255, 0.6);
border-color: @base0B; border-color: @base0B;
color: @base0B; color: @base0B;
} }
#battery.warning:not(.charging) { #battery.warning:not(.charging) {
box-shadow: 0 0 10px rgba(209, 98, 164, 0.6); box-shadow: 0 0 6px rgba(209, 98, 164, 0.6);
border-color: @base0A; border-color: @base0A;
color: @base0A; color: @base0A;
} }
@ -229,7 +227,7 @@ window#waybar {
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
box-shadow: 0 0 10px rgba(243, 139, 168, 0.8); box-shadow: 0 0 6px rgba(243, 139, 168, 0.8);
border-color: @base08; border-color: @base08;
color: @base08; color: @base08;
animation-name: blink; animation-name: blink;
@ -242,44 +240,44 @@ window#waybar {
/* Bluetooth connected state */ /* Bluetooth connected state */
#bluetooth.connected { #bluetooth.connected {
box-shadow: 0 0 10px rgba(137, 180, 250, 0.5); box-shadow: 0 0 6px rgba(137, 180, 250, 0.5);
} }
/* Power profiles with state-appropriate glows */ /* Power profiles with state-appropriate glows */
#power-profiles-daemon.performance { #power-profiles-daemon.performance {
box-shadow: 0 0 10px rgba(243, 139, 168, 0.6); box-shadow: 0 0 6px rgba(243, 139, 168, 0.6);
border-color: @base08; border-color: @base08;
color: @base08; color: @base08;
} }
#power-profiles-daemon.balanced { #power-profiles-daemon.balanced {
box-shadow: 0 0 10px rgba(137, 180, 250, 0.6); box-shadow: 0 0 6px rgba(137, 180, 250, 0.6);
border-color: @base0D; border-color: @base0D;
color: @base0D; color: @base0D;
} }
#power-profiles-daemon.power-saver { #power-profiles-daemon.power-saver {
box-shadow: 0 0 10px rgba(168, 201, 255, 0.6); box-shadow: 0 0 6px rgba(168, 201, 255, 0.6);
border-color: @base0B; border-color: @base0B;
color: @base0B; color: @base0B;
} }
/* Idle inhibitor with state glow */ /* Idle inhibitor with state glow */
#idle_inhibitor.activated { #idle_inhibitor.activated {
box-shadow: 0 0 10px rgba(137, 180, 250, 0.6); box-shadow: 0 0 6px rgba(137, 180, 250, 0.6);
border-color: @base0D; border-color: @base0D;
color: @base0D; color: @base0D;
} }
/* MPD states with glows */ /* MPD states with glows */
#mpd.playing { #mpd.playing {
box-shadow: 0 0 10px rgba(168, 201, 255, 0.5); box-shadow: 0 0 6px rgba(168, 201, 255, 0.5);
border-color: @base0B; border-color: @base0B;
color: @base0B; color: @base0B;
} }
#mpd.paused { #mpd.paused {
box-shadow: 0 0 10px rgba(203, 166, 247, 0.5); box-shadow: 0 0 6px rgba(203, 166, 247, 0.5);
border-color: @base0E; border-color: @base0E;
color: @base0E; color: @base0E;
} }
@ -295,7 +293,7 @@ window#waybar {
#tray > .needs-attention { #tray > .needs-attention {
-gtk-icon-effect: highlight; -gtk-icon-effect: highlight;
box-shadow: 0 0 10px rgba(243, 139, 168, 0.8); box-shadow: 0 0 6px rgba(243, 139, 168, 0.8);
border-color: @base08; border-color: @base08;
} }
@ -303,29 +301,20 @@ window#waybar {
padding: 0; padding: 0;
} }
#privacy-item {
/*padding: 4px 10px;
margin: 4px 6px 6px 6px;*/
color: @base05;
background: linear-gradient(135deg, @base02, @base01);
border-radius: 16px;
transition: all 0.3s ease;
}
#privacy-item.screenshare { #privacy-item.screenshare {
box-shadow: 0 0 10px rgba(209, 98, 164, 0.6); box-shadow: 0 0 6px rgba(209, 98, 164, 0.6);
border-color: @base0A; border-color: @base0A;
color: @base0A; color: @base0A;
} }
#privacy-item.audio-in { #privacy-item.audio-in {
box-shadow: 0 0 10px rgba(168, 201, 255, 0.6); box-shadow: 0 0 6px rgba(168, 201, 255, 0.6);
border-color: @base0B; border-color: @base0B;
color: @base0B; color: @base0B;
} }
#privacy-item.audio-out { #privacy-item.audio-out {
box-shadow: 0 0 10px rgba(137, 180, 250, 0.6); box-shadow: 0 0 6px rgba(137, 180, 250, 0.6);
border-color: @base0D; border-color: @base0D;
color: @base0D; color: @base0D;
} }
@ -333,13 +322,9 @@ window#waybar {
/* Custom wlogout button */ /* Custom wlogout button */
#custom-wlogout { #custom-wlogout {
color: @base08; color: @base08;
background: linear-gradient(135deg, @base02, @base01); border-color: @base08;
border-radius: 16px;
border: 1px solid @base08;
transition: all 0.3s ease;
} }
#custom-wlogout:hover { #custom-wlogout:hover {
box-shadow: 0 0 10px rgba(243, 139, 168, 0.5); box-shadow: 0 0 6px rgba(243, 139, 168, 0.5);
border-color: @base08;
} }

27
homeConfigurations/muede/waybar.nix
View file

@ -63,17 +63,17 @@
icon = true; icon = true;
}; };
network = { network = {
interface = "wlo1"; #interface = "wlo1";
format = "{ifname}"; format = "{ifname}";
format-wifi = " "; format-wifi = " {essid}";
format-ethernet = "󰈀 "; format-ethernet = "󰈀";
format-linked = "󱘖 "; format-linked = "󱘖";
format-disconnected = "󰣽 "; format-disconnected = "󰣽";
tooltip-format = "{ifname} via {gwaddr}"; tooltip-format = "{ifname} via {gwaddr}";
tooltip-format-wifi = "{essid} ({signalStrength}%)"; tooltip-format-wifi = "{essid} ({signalStrength}%)";
tooltip-format-ethernet = "{ifname} {ipaddr}/{cidr}"; tooltip-format-ethernet = "{ifname} {ipaddr}/{cidr}";
tooltip-format-disconnected = "Disconnected"; tooltip-format-disconnected = "Disconnected";
max-length = 50; max-length = 20;
}; };
clock = { clock = {
format = "{:%a, %d. %b %H:%M}"; format = "{:%a, %d. %b %H:%M}";
@ -163,10 +163,11 @@
}; };
cpu = { cpu = {
interval = 1; interval = 1;
format = " {usage:>3}%@{avg_frequency:>3.2f}"; format = " {usage:>2}%@{avg_frequency:>3.2f}";
}; };
disk = { disk = {
format = "{free}/{total}"; format = " {percentage_free}% {specific_total:>2.1f}";
unit = "TB";
}; };
"custom/wlogout" = { "custom/wlogout" = {
format = ""; format = "";
@ -209,7 +210,7 @@
}; };
}; };
memory = { memory = {
format = " {}%"; format = " {}%";
}; };
power-profiles-daemon = { power-profiles-daemon = {
format = "{icon}"; format = "{icon}";
@ -239,9 +240,9 @@
show-passive-items = true; show-passive-items = true;
}; };
bluetooth = { bluetooth = {
format = " {status} "; format = " {status}";
format-connected = " {device_alias} "; format-connected = " {device_alias}";
format-connected-battery = " {device_alias} {device_battery_percentage}% "; format-connected-battery = " {device_alias} {device_battery_percentage}%";
tooltip-format = "{controller_alias}\t{controller_address}\n\n{num_connections} connected"; tooltip-format = "{controller_alias}\t{controller_address}\n\n{num_connections} connected";
tooltip-format-connected = "{controller_alias}\t{controller_address}\n\n{num_connections} connected\n\n{device_enumerate}"; tooltip-format-connected = "{controller_alias}\t{controller_address}\n\n{num_connections} connected\n\n{device_enumerate}";
tooltip-format-enumerate-connected = "{device_alias}\t{device_address}"; tooltip-format-enumerate-connected = "{device_alias}\t{device_address}";
@ -271,7 +272,7 @@
escape = true; escape = true;
}; };
"custom/weather" = { "custom/weather" = {
format = "{}°"; format = "{}";
tooltip = true; tooltip = true;
interval = 3600; interval = 3600;
exec = "${lib.getBin pkgs.wttrbar}/bin/wttrbar --nerd"; exec = "${lib.getBin pkgs.wttrbar}/bin/wttrbar --nerd";