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;
to = pink_light;
};
gap-size = 8;
gap-size = 6;
in
{
background-color = "transparent";

87
homeConfigurations/muede/waybar.css
View file

@ -13,27 +13,20 @@
/* #endregion */
* {
font-family: monospace sans-serif;
font-size: 12px;
font-family: monospace;
font-size: 13px;
}
window#waybar {
transition-property: background-color;
transition-duration: 0.5s;
/* Gradient border spanning the entire waybar window */
border-bottom: 4px solid transparent;
border-bottom: 3px solid transparent;
background-clip: padding-box, border-box;
background-origin: padding-box, border-box;
background-image:
linear-gradient(90deg, @base01, @base00, @base01, @base00, @base01),
linear-gradient(90deg, @base0C, @base0D, @base0A, @base0D, @base0C);
}
.modules-left,
.modules-center,
.modules-right {
padding: 0px 4px 8px 4px;
linear-gradient(135deg, @base00, @base01),
linear-gradient(135deg, @base0C, @base09);
}
/* Common pill styling for all widgets */
@ -60,22 +53,27 @@ window#waybar {
#upower,
#workspaces,
#window,
#tray {
margin: 0px 4px;
padding: 0px 6px;
#tray,
#custom-wlogout,
#privacy-item {
margin: 0px 4px 6px;
padding: 0px 8px;
background: linear-gradient(135deg, @base02, @base01);
border-radius: 16px;
border: 1px solid;
border-radius: 15px;
border: 2px solid;
transition: all 0.3s ease;
}
/* special treatment for weird sized widgets */
#custom-wlogout {
padding: 0px 10px 0px 8px;
}
#custom-wlogout,
#power-profiles-daemon,
#idle_inhibitor {
padding: 0px 14px 0px 8px;
padding: 0px 10px 0px 8px;
}
#workspaces {
padding-left: 0;
padding-right: 0;
}
/* Individual widget colors */
@ -89,7 +87,7 @@ window#waybar {
padding: 0 6px;
background-color: transparent;
color: @base05;
border-radius: 12px;
border-radius: 15px;
border: none;
transition: all 0.3s ease;
}
@ -210,13 +208,13 @@ window#waybar {
/* Battery states with colored glows */
#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;
color: @base0B;
}
#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;
color: @base0A;
}
@ -229,7 +227,7 @@ window#waybar {
}
#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;
color: @base08;
animation-name: blink;
@ -242,44 +240,44 @@ window#waybar {
/* Bluetooth connected state */
#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-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;
color: @base08;
}
#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;
color: @base0D;
}
#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;
color: @base0B;
}
/* Idle inhibitor with state glow */
#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;
color: @base0D;
}
/* MPD states with glows */
#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;
color: @base0B;
}
#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;
color: @base0E;
}
@ -295,7 +293,7 @@ window#waybar {
#tray > .needs-attention {
-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;
}
@ -303,29 +301,20 @@ window#waybar {
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 {
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;
color: @base0A;
}
#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;
color: @base0B;
}
#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;
color: @base0D;
}
@ -333,13 +322,9 @@ window#waybar {
/* Custom wlogout button */
#custom-wlogout {
color: @base08;
background: linear-gradient(135deg, @base02, @base01);
border-radius: 16px;
border: 1px solid @base08;
transition: all 0.3s ease;
border-color: @base08;
}
#custom-wlogout:hover {
box-shadow: 0 0 10px rgba(243, 139, 168, 0.5);
border-color: @base08;
box-shadow: 0 0 6px rgba(243, 139, 168, 0.5);
}

15
homeConfigurations/muede/waybar.nix
View file

@ -63,9 +63,9 @@
icon = true;
};
network = {
interface = "wlo1";
#interface = "wlo1";
format = "{ifname}";
format-wifi = " ";
format-wifi = " {essid}";
format-ethernet = "󰈀";
format-linked = "󱘖";
format-disconnected = "󰣽";
@ -73,7 +73,7 @@
tooltip-format-wifi = "{essid} ({signalStrength}%)";
tooltip-format-ethernet = "{ifname} {ipaddr}/{cidr}";
tooltip-format-disconnected = "Disconnected";
max-length = 50;
max-length = 20;
};
clock = {
format = "{:%a, %d. %b %H:%M}";
@ -163,10 +163,11 @@
};
cpu = {
interval = 1;
format = " {usage:>3}%@{avg_frequency:>3.2f}";
format = " {usage:>2}%@{avg_frequency:>3.2f}";
};
disk = {
format = "{free}/{total}";
format = " {percentage_free}% {specific_total:>2.1f}";
unit = "TB";
};
"custom/wlogout" = {
format = "";
@ -209,7 +210,7 @@
};
};
memory = {
format = " {}%";
format = " {}%";
};
power-profiles-daemon = {
format = "{icon}";
@ -271,7 +272,7 @@
escape = true;
};
"custom/weather" = {
format = "{}°";
format = "{}";
tooltip = true;
interval = 3600;
exec = "${lib.getBin pkgs.wttrbar}/bin/wttrbar --nerd";