Waybar to own file, fix icons, add colour file

This commit is contained in:
Alexander Wainwright
2026-03-30 21:51:28 +10:00
parent 4a185350a8
commit 698d8ed7db
3 changed files with 250 additions and 212 deletions

View File

@@ -0,0 +1,17 @@
{
# Catppuccin Mocha Palette
base = "#1e1e2e";
mantle = "#181825";
surface0 = "#313244";
surface1 = "#45475a";
text = "#cdd6f4";
lavender = "#b4befe";
blue = "#89b4fa";
sapphire = "#74c7ec";
red = "#f38ba8";
peach = "#fab387";
yellow = "#f9e2af";
green = "#a6e3a1";
mauve = "#cba6f7";
overlay0 = "#6c7086";
}

View File

@@ -18,6 +18,10 @@ let
overlay0 = "#6c7086";
in
{
imports = [
./waybar.nix
];
home.packages = with pkgs; [
swaybg
swayidle
@@ -64,7 +68,7 @@ in
line-clear-color = base;
line-wrong-color = base;
bs-hl-color = red;
grace = 2;
grace = 6;
grace-no-mouse = true;
grace-no-touch = true;
datestr = "%a, %B %e";
@@ -154,6 +158,7 @@ in
keybindings = let
modifier = "Mod4";
in lib.mkOptionDefault {
"${modifier}+Caps_Lock" = "input * xkb_switch_layout next";
"${modifier}+Return" = "exec wezterm";
"${modifier}+d" = "exec fuzzel";
"${modifier}+space" = "floating toggle";
@@ -212,7 +217,8 @@ in
services.swayidle =
let
lock = "${pkgs.swaylock-effects}/bin/swaylock --daemonize";
lock = "${pkgs.swaylock-effects}/bin/swaylock -f";
lockNow = "${pkgs.swaylock-effects}/bin/swaylock -f --grace 0";
# modify "display" function based on your window manager
# Sway
display = status: "${pkgs.sway}/bin/swaymsg 'output * power ${status}'";
@@ -244,7 +250,7 @@ in
{
event = "before-sleep";
# adding duplicated entries for the same event may not work
command = (display "off") + "; " + lock;
command = lockNow + "; " + (display "off");
}
{
event = "after-resume";
@@ -286,213 +292,4 @@ in
};
};
};
programs.waybar = {
enable = true;
settings = {
mainBar = {
layer = "top";
position = "top";
height = 30;
margin-top = 5;
margin-left = 10;
margin-right = 10;
spacing = 4;
modules-left = [ "sway/workspaces" "sway/mode" ];
modules-center = [ "clock" ];
modules-right = [ "pulseaudio" "network" "cpu" "memory" "battery" "tray" ];
"sway/workspaces" = {
disable-scroll = true;
all-outputs = true;
};
"clock" = {
format = "{:%a %d %b %H:%M:%S}";
tooltip-format = "<big>{:%Y %B}</big>\n<tt>{calendar}</tt>";
interval = 1;
};
"cpu" = {
format = "{usage}% ";
};
"memory" = {
format = "{}% ";
tooltip-format = "RAM: {used}GiB / {total}GiB ({percentage}%)\nSwap: {swapUsed}GiB / {swapTotal}GiB ({swapPercentage}%)";
};
"battery" = {
states = {
warning = 30;
critical = 15;
};
format = "{capacity}% {icon}";
format-charging = "{capacity}% ";
format-plugged = "{capacity}% ";
format-icons = ["" "" "" "" ""];
};
"network" = {
format-wifi = "{essid} ({signalStrength}%) ";
format-ethernet = "{ipaddr}/{cidr} 󰈀";
tooltip-format = "{ifname} via {gwaddr} 󱂇";
format-linked = "{ifname} (No IP) 󰈀";
format-disconnected = "Disconnected ";
format-alt = "{ifname}: {ipaddr}/{cidr}";
};
"pulseaudio" = {
format = "{volume}% {icon} {format_source}";
format-bluetooth = "{volume}% {icon} {format_source}";
format-bluetooth-muted = " {icon} {format_source}";
format-muted = " {format_source}";
format-source = "{volume}% ";
format-source-muted = "";
format-icons = {
headphone = "";
hands-free = "";
headset = "";
phone = "";
portable = "";
car = "";
default = ["" "" ""];
};
on-click = "pavucontrol";
};
};
};
style = ''
* {
font-family: "JetBrainsMono Nerd Font";
font-size: 13px;
}
window#waybar {
background-color: transparent;
color: ${text};
transition-property: background-color;
transition-duration: .5s;
}
window#waybar > box {
background-color: ${base};
border-radius: 15px;
opacity: 1.0;
padding: 0 3px 0 13px;
}
button {
box-shadow: inset 0 -3px transparent;
border: none;
border-radius: 0;
}
button:hover {
background: inherit;
box-shadow: inset 0 -3px ${text};
}
#workspaces button {
padding: 0 5px;
background-color: transparent;
color: ${text};
}
#workspaces button:hover {
background: rgba(0, 0, 0, 0.2);
}
#workspaces button.focused {
background-color: ${surface1};
box-shadow: inset 0 -3px ${lavender};
}
#workspaces button.urgent {
background-color: ${red};
}
#mode {
background-color: ${surface0};
border-bottom: 3px solid ${text};
}
#clock,
#battery,
#cpu,
#memory,
#disk,
#temperature,
#backlight,
#network,
#pulseaudio,
#custom-media,
#tray,
#mode,
#idle_inhibitor,
#mpd {
padding: 0 10px;
color: ${text};
background-color: ${surface0};
border-radius: 10px;
margin: 5px 2px;
}
#clock {
background-color: ${mauve};
color: ${base};
}
#battery {
background-color: ${green};
color: ${base};
}
#battery.charging, #battery.plugged {
color: ${base};
background-color: ${green};
}
#battery.critical:not(.charging) {
background-color: ${red};
color: ${text};
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#cpu {
background-color: ${peach};
color: ${base};
}
#memory {
background-color: ${yellow};
color: ${base};
}
#network {
background-color: ${sapphire};
color: ${base};
}
#pulseaudio {
background-color: ${blue};
color: ${base};
}
#pulseaudio.muted {
background-color: ${overlay0};
color: ${text};
}
#tray {
background-color: ${surface0};
}
'';
};
}

224
alex/waybar.nix Normal file
View File

@@ -0,0 +1,224 @@
{ config, pkgs, lib, ... }:
let
palette = import ./colours/catppuchin-mocha.nix;
in
{
programs.waybar = {
enable = true;
settings = {
mainBar = {
layer = "top";
position = "top";
height = 30;
margin-top = 10;
margin-bottom = 0;
margin-left = 10;
margin-right = 10;
spacing = 4;
modules-left = if (config.programs.niri or {}).enable or false then
[ "niri/workspaces" ]
else
[ "sway/workspaces" "sway/mode" ];
modules-center = [ "clock" ];
modules-right = [ "pulseaudio" "network" "cpu" "memory" "battery" "tray" ];
"sway/workspaces" = {
disable-scroll = true;
all-outputs = true;
};
"niri/workspaces" = {
disable-scroll = true;
all-outputs = true;
};
"clock" = {
format = "{:%a %d %b %H:%M:%S}";
tooltip-format = "<big>{:%Y %B}</big>\n<tt>{calendar}</tt>";
interval = 1;
};
"cpu" = {
format = "{usage}% ";
};
"memory" = {
format = "{}% ";
tooltip-format = "RAM: {used}GiB / {total}GiB ({percentage}%)\nSwap: {swapUsed}GiB / {swapTotal}GiB ({swapPercentage}%)";
};
"battery" = {
states = {
warning = 30;
critical = 15;
};
format = "{capacity}% {icon} icon";
format-full = "{capacity}% {icon} full";
format-charging = "{capacity}% charged";
format-plugged = "{capacity}% ";
format-icons = ["" "" "" "" ""];
};
"network" = {
format-wifi = "{essid} ({signalStrength}%) ";
format-ethernet = "{ipaddr}/{cidr} 󰈀";
tooltip-format = "{ifname} via {gwaddr} 󱂇";
format-linked = "{ifname} (No IP) 󰈀";
format-disconnected = "Disconnected ";
format-alt = "{ifname}: {ipaddr}/{cidr}";
};
"pulseaudio" = {
format = "{volume}% {icon} {format_source}";
format-bluetooth = "{volume}% {icon} {format_source}";
format-bluetooth-muted = " {icon} {format_source}";
format-muted = " {format_source}";
format-source = "{volume}% ";
format-source-muted = "";
format-icons = {
headphone = "";
hands-free = "";
headset = "";
phone = "";
portable = "";
car = "";
default = ["" "" ""];
};
on-click = "pavucontrol";
};
};
};
style = ''
* {
font-family: "Symbols Nerd Font Mono", "Lilex Nerd Font", "JetBrainsMono Nerd Font";
font-size: 13px;
}
window#waybar {
background-color: transparent;
color: ${palette.text};
transition-property: background-color;
transition-duration: .5s;
}
window#waybar > box {
background-color: ${palette.base};
border-radius: 15px;
opacity: 1.0;
padding: 0 3px 0 13px;
}
button {
box-shadow: inset 0 -3px transparent;
border: none;
border-radius: 0;
}
button:hover {
background: inherit;
box-shadow: inset 0 -3px ${palette.text};
}
#workspaces button {
padding: 0 5px;
background-color: transparent;
color: ${palette.text};
}
#workspaces button:hover {
background: rgba(0, 0, 0, 0.2);
}
#workspaces button.focused {
background-color: ${palette.surface1};
box-shadow: inset 0 -3px ${palette.lavender};
}
#workspaces button.urgent {
background-color: ${palette.red};
}
#mode {
background-color: ${palette.surface0};
border-bottom: 3px solid ${palette.text};
}
#clock,
#battery,
#cpu,
#memory,
#disk,
#temperature,
#backlight,
#network,
#pulseaudio,
#custom-media,
#tray,
#mode,
#idle_inhibitor,
#mpd {
padding: 0 10px;
color: ${palette.text};
background-color: ${palette.surface0};
border-radius: 10px;
margin: 5px 2px;
}
#clock {
background-color: ${palette.mauve};
color: ${palette.base};
}
#battery {
background-color: ${palette.green};
color: ${palette.base};
}
#battery.charging, #battery.plugged {
color: ${palette.base};
background-color: ${palette.green};
}
#battery.critical:not(.charging) {
background-color: ${palette.red};
color: ${palette.text};
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#cpu {
background-color: ${palette.peach};
color: ${palette.base};
}
#memory {
background-color: ${palette.yellow};
color: ${palette.base};
}
#network {
background-color: ${palette.sapphire};
color: ${palette.base};
}
#pulseaudio {
background-color: ${palette.blue};
color: ${palette.base};
}
#pulseaudio.muted {
background-color: ${palette.overlay0};
color: ${palette.text};
}
#tray {
background-color: ${palette.surface0};
}
'';
};
}