Added style config to waybar, removed chscheme.sh because I figured out you can escape vars in bash that use

This commit is contained in:
pagedmov
2024-10-21 08:27:38 -04:00
parent 4f39e0f7c5
commit 97695a124c
8 changed files with 239 additions and 54 deletions

View File

@@ -1,5 +1,4 @@
{
pkgs,
...
}:
# Grocery list:
@@ -34,6 +33,9 @@ in
output = "DP-1";
position = "top";
name = "mainBar";
margin-left = 8;
margin-top = 5;
margin-right = 8;
mode = "dock";
modules-left = [
@@ -41,12 +43,11 @@ in
"cava"
];
modules-center = [
"clock"
"hyprland/window"
];
modules-right = [
"custom/disk-icon"
"memory"
"cpu"
"group/hardware"
"clock"
"group/powerbtns"
];
@@ -71,11 +72,20 @@ in
format-icons = ["" "" "" "" "" "" "" "" ];
};
"group/hardware" = {
orientation = "inherit";
modules = [
"custom/disk-icon"
"memory"
"cpu"
];
};
"custom/disk-icon" = {
exec = ''
df /dev/disk/by-partlabel/disk-main-home | awk '$6 == "/home" {printf "{\"class\": \"disk-icon\", \"tooltip\": \"/home: %.1fGB / %.1fTB\", \"percentage\": \"%.0f\"}\n", $3 / 1024 / 1024, $2 / 1024 / 1024 / 1024, $5}' | jq --unbuffered --compact-output
'';
interval = 300;
interval = 60;
return-type = "json";
rotate = 270;
format = "{icon}";
@@ -92,6 +102,7 @@ in
"󰝦" "󰪞" "󰪟" "󰪠" "󰪡" "󰪢" "󰪣" "󰪤" "󰪥"
];
max-length = 10;
tooltip-format = "RAM: {used:0.1f} GB / {total:0.1f} GB";
};
cpu = {
@@ -101,6 +112,7 @@ in
format-icons = [
"󰝦" "󰪞" "󰪟" "󰪠" "󰪡" "󰪢" "󰪣" "󰪤" "󰪥"
];
tooltip-format = "CPU: {usage:0.1f}%";
};
"custom/power" = {
@@ -135,6 +147,10 @@ in
];
};
clock = {
format = "{:%I:%M %p}";
};
};
@@ -144,6 +160,9 @@ in
layer = "bottom";
output = "HDMI-A-1";
position = "right";
margin-top = 8;
margin-right = 5;
margin-bottom = 8;
name = "sideBar";
mode = "dock";
@@ -151,12 +170,10 @@ in
"hyprland/workspaces"
];
modules-center = [
"tray"
];
modules-right = [
"pulseaudio/slider"
"pulseaudio"
"network"
"group/audio"
];
"hyprland/workspaces" = workspaces;
@@ -165,6 +182,14 @@ in
orientation = "vertical";
};
"group/audio" = {
orientation = "vertical";
modules = [
"pulseaudio/slider"
"pulseaudio"
];
};
pulseaudio = {
format = "{icon}";
format-muted = " ";

View File

@@ -29,5 +29,148 @@ let
in
{
programs.waybar.style = ''
* {
border: none;
border-radius: 0;
font-size: 16px;
font-family: "JetBrains Mono Nerd Font";
}
window#waybar {
border-radius: 20px;
border: 3px solid #${colors.color7};
background: rgba(46,52,64,0.9);
margin: 20px;
}
window#waybar.empty #window {
background: none;
}
#workspaces {
margin: 3px;
background: #${bg.dark};
border-radius: 20px;
}
#workspaces button:hover {
border-radius: 20px;
}
#workspaces button.active {
background: #${fg.lightester};
border-radius: 20px;
color: #${bg.darkest};
}
#cava {
background: #${bg.dark};
border-radius: 20px;
margin: 3px 3px 3px 6px;
padding: 0px 15px 0px 15px;
color: #${colors.color6};
}
#window {
margin: 3px;
background: #${bg.dark};
border-radius: 20px;
padding: 0 15px 0 15px;
font-weight: bold;
}
#hardware {
margin: 3px;
padding: 0 10px 0 10px;
background: #${bg.dark};
border-radius: 20px;
}
#custom-disk-icon, #cpu, #memory {
margin-bottom: 4px;
font-size: 20px;
font-weight: bold;
}
#custom-disk-icon {
color: #${colors.color4};
}
#memory {
color: #${colors.color1};
}
#cpu {
color: #${colors.color3};
}
#clock {
font-weight: bold;
background: #${bg.dark};
border-radius: 20px;
margin: 3px;
padding: 0 10px 0 10px;
font-size: 18px;
}
#powerbtns {
background: #${bg.dark};
border-radius: 20px;
margin: 3px;
padding: 0 5px 0 10px;
}
#custom-power {
color: #${colors.color0};
font-size: 18px;
}
#custom-logout {
color: #${colors.color4};
font-size: 18px;
}
#custom-reboot {
color: #${colors.color2};
font-size: 18px;
}
#audio {
background: #${bg.dark};
border-radius: 20px;
margin: 3px;
padding: 5px 0 10px 0;
}
#pulseaudio {
color: #${colors.color4};
font-size: 18px;
}
#pulseaudio-slider slider {
background: #${colors.color4};
background-color: transparent;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 9px;
min-height: 90px;
border-radius: 8px;
background: #343434;
}
#pulseaudio-slider highlight {
border-radius: 8px;
background-color: #2096C0;
}
#network {
color: #${colors.color3};
font-size: 20px;
background: #${bg.dark};
border-radius: 20px;
margin: 3px;
padding: 5px 0 5px 6px;
}
'';
}