Make waybar more configurable
This commit is contained in:
parent
255d76da31
commit
369ad06b76
3 changed files with 175 additions and 130 deletions
|
|
@ -1,131 +1,164 @@
|
||||||
{ ... }: {
|
{ config, lib, ... }:
|
||||||
programs.waybar = {
|
|
||||||
enable = true;
|
let cfg = config.custom.gui.bar;
|
||||||
systemd = {
|
|
||||||
enable = true;
|
in {
|
||||||
target = "sway-session.target";
|
|
||||||
|
options.custom.gui.bar = with lib; with types; {
|
||||||
|
network.wifi = lib.mkOption {
|
||||||
|
type = str;
|
||||||
|
default = "";
|
||||||
|
};
|
||||||
|
network.eth = lib.mkOption {
|
||||||
|
type = str;
|
||||||
|
default = "";
|
||||||
|
};
|
||||||
|
network.vpn = lib.mkOption {
|
||||||
|
type = str;
|
||||||
|
default = "";
|
||||||
|
};
|
||||||
|
audio.wireplumber = lib.mkOption {
|
||||||
|
type = bool;
|
||||||
|
default = true;
|
||||||
};
|
};
|
||||||
settings = [{
|
|
||||||
layer = "top";
|
|
||||||
modules-left = [
|
|
||||||
"sway/workspaces"
|
|
||||||
"sway/mode"
|
|
||||||
];
|
|
||||||
modules-right = [
|
|
||||||
"cpu"
|
|
||||||
"disk"
|
|
||||||
"wireplumber"
|
|
||||||
"network#wifi"
|
|
||||||
"network#eth"
|
|
||||||
"clock#date"
|
|
||||||
"clock#time"
|
|
||||||
];
|
|
||||||
"clock#time" = {
|
|
||||||
"format" = "{:%H:%M:%S}";
|
|
||||||
"interval" = 1;
|
|
||||||
};
|
|
||||||
"clock#date" = {
|
|
||||||
"format" = "{:%Y-%m-%d}";
|
|
||||||
"interval" = 60;
|
|
||||||
};
|
|
||||||
"network#wifi" = {
|
|
||||||
"interface" = "wlp6s0";
|
|
||||||
};
|
|
||||||
"network#eth" = {
|
|
||||||
"interface" = "enp9s0";
|
|
||||||
};
|
|
||||||
"wireplumber" = {
|
|
||||||
"format" = "{node_name}: {volume}%";
|
|
||||||
};
|
|
||||||
"disk" = {
|
|
||||||
"format" = "{used} :: {free}";
|
|
||||||
};
|
|
||||||
}];
|
|
||||||
|
|
||||||
style = ''
|
|
||||||
* {
|
|
||||||
font-family: 'Fira Code';
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
window#waybar {
|
|
||||||
background-color: rgba(0,0,0,0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
#workspaces {
|
|
||||||
margin-left: 5px;
|
|
||||||
background-color: rgba(0, 0, 0, 0.6);
|
|
||||||
padding: 0;
|
|
||||||
margin: 5px;
|
|
||||||
border-radius: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#workspaces button {
|
|
||||||
color: #ffffff;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0 5px;
|
|
||||||
border-radius: 100px;
|
|
||||||
font-size: 0;
|
|
||||||
background-color: rgba(0, 0, 0, 0.4);
|
|
||||||
}
|
|
||||||
|
|
||||||
#workspaces button.visible.focused {
|
|
||||||
background-color: #ff4787;
|
|
||||||
}
|
|
||||||
|
|
||||||
#workspaces button.visible {
|
|
||||||
color: #ffffff;
|
|
||||||
background-color: rgba(207, 207, 207, 0.4);
|
|
||||||
}
|
|
||||||
|
|
||||||
#mode {
|
|
||||||
padding: 2px 10px;
|
|
||||||
margin: 5px;
|
|
||||||
border-radius: 100px;
|
|
||||||
background-color: #1bcf9c;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
#clock {
|
|
||||||
padding: 2px 10px;
|
|
||||||
margin: 5px;
|
|
||||||
border-radius: 100px;
|
|
||||||
color: #ffffff;
|
|
||||||
background-color: #3988e3;
|
|
||||||
}
|
|
||||||
|
|
||||||
#clock.date {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
#network {
|
|
||||||
padding: 2px 10px;
|
|
||||||
margin: 5px;
|
|
||||||
border-radius: 100px;
|
|
||||||
background-color: #27e67a;
|
|
||||||
}
|
|
||||||
|
|
||||||
#wireplumber {
|
|
||||||
padding: 2px 10px;
|
|
||||||
margin: 5px;
|
|
||||||
border-radius: 100px;
|
|
||||||
background-color: #edd340;
|
|
||||||
}
|
|
||||||
|
|
||||||
#wireplumber.muted {
|
|
||||||
color: #ffffff;
|
|
||||||
background-color: rgba(207, 207, 207, 0.4);
|
|
||||||
}
|
|
||||||
|
|
||||||
#cpu, #disk {
|
|
||||||
padding: 2px 10px;
|
|
||||||
margin: 5px;
|
|
||||||
border-radius: 100px;
|
|
||||||
color: #ffffff;
|
|
||||||
background-color: rgba(0, 0, 0, 0.4);
|
|
||||||
}
|
|
||||||
|
|
||||||
'';
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
config = {
|
||||||
|
programs.waybar = {
|
||||||
|
enable = true;
|
||||||
|
systemd = {
|
||||||
|
enable = true;
|
||||||
|
target = "sway-session.target";
|
||||||
|
};
|
||||||
|
settings = [{
|
||||||
|
layer = "top";
|
||||||
|
modules-left = [
|
||||||
|
"sway/workspaces"
|
||||||
|
"sway/mode"
|
||||||
|
];
|
||||||
|
modules-right = lib.flatten [
|
||||||
|
"cpu"
|
||||||
|
"disk"
|
||||||
|
(lib.optional (cfg.network.wifi != "") "network#wifi")
|
||||||
|
(lib.optional (cfg.network.eth != "") "network#eth")
|
||||||
|
(lib.optional (cfg.network.vpn != "") "network#vpn")
|
||||||
|
(if cfg.audio.wireplumber
|
||||||
|
then "wireplumber"
|
||||||
|
else "pulseaudio")
|
||||||
|
"clock#date"
|
||||||
|
"clock#time"
|
||||||
|
];
|
||||||
|
"clock#time" = {
|
||||||
|
"format" = "{:%H:%M:%S}";
|
||||||
|
"interval" = 1;
|
||||||
|
};
|
||||||
|
"clock#date" = {
|
||||||
|
"format" = "{:%Y-%m-%d}";
|
||||||
|
"interval" = 60;
|
||||||
|
};
|
||||||
|
"network#wifi" = {
|
||||||
|
"interface" = cfg.network.wifi;
|
||||||
|
};
|
||||||
|
"network#eth" = {
|
||||||
|
"interface" = cfg.network.eth;
|
||||||
|
};
|
||||||
|
"network#vpn" = {
|
||||||
|
"interface" = cfg.network.vpn;
|
||||||
|
};
|
||||||
|
"wireplumber" = {
|
||||||
|
"format" = "{node_name}: {volume}%";
|
||||||
|
};
|
||||||
|
"disk" = {
|
||||||
|
"format" = "{used} :: {free}";
|
||||||
|
};
|
||||||
|
}];
|
||||||
|
|
||||||
|
style = ''
|
||||||
|
* {
|
||||||
|
font-family: 'Fira Code';
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
window#waybar {
|
||||||
|
background-color: rgba(0,0,0,0.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces {
|
||||||
|
margin-left: 5px;
|
||||||
|
background-color: rgba(0, 0, 0, 0.6);
|
||||||
|
padding: 0;
|
||||||
|
margin: 5px;
|
||||||
|
border-radius: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button {
|
||||||
|
color: #ffffff;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0 5px;
|
||||||
|
border-radius: 100px;
|
||||||
|
font-size: 0;
|
||||||
|
background-color: rgba(0, 0, 0, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button.visible.focused {
|
||||||
|
background-color: #ff4787;
|
||||||
|
}
|
||||||
|
|
||||||
|
#workspaces button.visible {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: rgba(207, 207, 207, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
#mode {
|
||||||
|
padding: 2px 10px;
|
||||||
|
margin: 5px;
|
||||||
|
border-radius: 100px;
|
||||||
|
background-color: #1bcf9c;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
#clock {
|
||||||
|
padding: 2px 10px;
|
||||||
|
margin: 5px;
|
||||||
|
border-radius: 100px;
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #3988e3;
|
||||||
|
}
|
||||||
|
|
||||||
|
#clock.date {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
#network {
|
||||||
|
padding: 2px 10px;
|
||||||
|
margin: 5px;
|
||||||
|
border-radius: 100px;
|
||||||
|
background-color: #27e67a;
|
||||||
|
}
|
||||||
|
|
||||||
|
#wireplumber, #pulseaudio {
|
||||||
|
padding: 2px 10px;
|
||||||
|
margin: 5px;
|
||||||
|
border-radius: 100px;
|
||||||
|
background-color: #edd340;
|
||||||
|
}
|
||||||
|
|
||||||
|
#wireplumber.muted, #pulseaudio.muted {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: rgba(207, 207, 207, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
#cpu, #disk {
|
||||||
|
padding: 2px 10px;
|
||||||
|
margin: 5px;
|
||||||
|
border-radius: 100px;
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: rgba(0, 0, 0, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
'';
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,14 @@
|
||||||
home-manager.enable = false;
|
home-manager.enable = false;
|
||||||
};
|
};
|
||||||
|
|
||||||
custom.gui.enable = true;
|
custom.gui = {
|
||||||
|
enable = true;
|
||||||
|
bar = {
|
||||||
|
network.wifi = "wlp0s20f3";
|
||||||
|
network.vpn = "wg-dev";
|
||||||
|
audio.wireplumber = false;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
xdg.systemDirs.data = [ "/usr/share" "/usr/local/share" ];
|
xdg.systemDirs.data = [ "/usr/share" "/usr/local/share" ];
|
||||||
fonts.fontconfig.enable = true;
|
fonts.fontconfig.enable = true;
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,10 @@
|
||||||
{ ... }:
|
{ ... }:
|
||||||
|
|
||||||
{
|
{
|
||||||
custom.gui.enable = true;
|
custom.gui = {
|
||||||
|
enable = true;
|
||||||
|
bar = {
|
||||||
|
network.eth = "enp9s0";
|
||||||
|
};
|
||||||
|
};
|
||||||
}
|
}
|
||||||
Loading…
Reference in a new issue