waybar: add borders and improve spacing (#81)
Some checks are pending
git-mirror / gitlab-sync (push) Waiting to run
nix-build / default-build (push) Waiting to run
nix-build / fallarbor-build (push) Waiting to run
nix-build / lavaridge-build (push) Waiting to run
nix-build / mauville-build (push) Waiting to run
nix-build / petalburg-build (push) Waiting to run
nix-build / rustboro-build (push) Waiting to run
nix-check / fmt-check (push) Waiting to run
nix-check / eval-check (push) Waiting to run

This commit is contained in:
Aly Raffauf 2024-08-10 00:03:01 -04:00 committed by GitHub
parent 2f80e9965e
commit e4baa1d8e5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -22,7 +22,7 @@ in {
++ lib.optionals (cfg.desktop.sway.enable) ++ lib.optionals (cfg.desktop.sway.enable)
["sway/workspaces" "sway/scratchpad" "sway/mode"] ["sway/workspaces" "sway/scratchpad" "sway/mode"]
++ lib.optionals (cfg.desktop.hyprland.tabletMode.enable) ++ lib.optionals (cfg.desktop.hyprland.tabletMode.enable)
["custom/menu" "custom/hyprland-close"]; ["group/tablet"];
modules-center = ["clock"]; modules-center = ["clock"];
modules-right = [ modules-right = [
@ -238,6 +238,11 @@ in {
tooltip = true; tooltip = true;
}; };
"group/tablet" = {
orientation = "horizontal";
modules = ["custom/menu" "custom/hyprland-close"];
};
"group/hardware" = { "group/hardware" = {
orientation = "horizontal"; orientation = "horizontal";
modules = ["pulseaudio" "bluetooth" "network" "power-profiles-daemon" "battery"]; modules = ["pulseaudio" "bluetooth" "network" "power-profiles-daemon" "battery"];
@ -252,27 +257,27 @@ in {
style = '' style = ''
* { * {
border: none;
border-radius: 0px; border-radius: 0px;
border: none;
font-family: "${cfg.theme.monospaceFont.name}"; font-family: "${cfg.theme.monospaceFont.name}";
font-size: ${toString (cfg.theme.monospaceFont.size + 3)}px; font-size: ${toString (cfg.theme.monospaceFont.size + 3)}px;
font-weight: 600; font-weight: 600;
} }
window#waybar { window#waybar {
background: rgba (35, 38, 52, 0.0); background: rgba (0, 0, 0, 0.0);
color: ${cfg.theme.colors.text}; color: ${cfg.theme.colors.text};
} }
#workspaces button { #workspaces button {
padding: 0px 5px;
margin: 0px 0px;
color: ${cfg.theme.colors.text}; color: ${cfg.theme.colors.text};
margin: 0px 0px;
padding: 0px 5px;
} }
#workspaces button.active, #workspaces button.active,
#workspaces button.focused { #workspaces button.focused {
color: ${cfg.theme.colors.primary}; color: ${cfg.theme.colors.secondary};
} }
#clock, #clock,
@ -286,9 +291,10 @@ in {
#custom-dnd, #custom-dnd,
#custom-logout, #custom-logout,
#custom-menu, #custom-menu,
#custom-hyprland-close,
#tray { #tray {
padding: 0px 7.5px;
margin: 0px 5px; margin: 0px 5px;
padding: 0px 7.5px;
} }
#battery { #battery {
@ -305,8 +311,7 @@ in {
} }
#clock, #clock,
#custom-hyprland-close, #tablet,
#custom-menu,
#hardware, #hardware,
#mode, #mode,
#scratchpad, #scratchpad,
@ -314,21 +319,21 @@ in {
#submap, #submap,
#tray, #tray,
#workspaces { #workspaces {
background-color: alpha(${cfg.theme.colors.background}, 1.0);
border-radius: ${toString cfg.theme.borderRadius}px; border-radius: ${toString cfg.theme.borderRadius}px;
background: ${cfg.theme.colors.background}; border: 4px solid alpha(${cfg.theme.colors.background}, 0.8);
opacity: 1.0; margin: 5px 6px 0px 6px;
margin: 5px 10px 0px 10px;
padding: 0px 10px 0px 10px; padding: 0px 10px 0px 10px;
} }
#clock, #custom-menu, #custom-hyprland-close { #clock {
padding: 0px 20px 0px 20px; padding: 0px 20px 0px 20px;
} }
#submap, #submap,
#mode { #mode {
color: ${cfg.theme.colors.text};
background: rgba(255, 123, 99, 0.8); background: rgba(255, 123, 99, 0.8);
color: ${cfg.theme.colors.text};
} }
''; '';