yep, more dotfiles

waybar: fix styling

wiro.world 8e57441c 356ed892

verified
Changed files
+78 -71
home-manager
fragments
pkgs
+2
home-manager/fragments/helix.nix
···
{ assertion = config.local.fragment.agenix.enable; message = "`helix` fragment depends on `agenix` fragment"; }
];
+
stylix.targets.helix.enable = false;
+
programs.helix = {
enable = true;
package = if flags.onlyCached then pkgs.helix else lpkgs.helix;
+75 -70
home-manager/fragments/waybar.nix
···
"sway/workspaces" = {
disable-scroll = true;
-
format = "{name}:{icon}";
+
format = "{name} {icon}";
format-icons = {
default = "";
-
"1" = "";
+
"1" = "";
"2" = "";
"3" = "";
"4" = "";
+
"9" = "";
"10" = "";
};
};
···
pulseaudio = {
scroll-step = 5;
+
tooltip = false;
-
format = "{volume}% {icon} {format_source}";
-
tooltip = false;
-
format-bluetooth = "{volume}% {icon} {format_source}";
+
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-source = "";
+
format-source-muted = "  ";
+
format-icons = {
-
headset = "";
-
headphone = "";
-
hands-free = "";
-
phone = "";
-
portable = "";
-
car = "";
+
headset = " ";
+
headphone = " ";
+
hands-free = " ";
+
phone = " ";
+
portable = " ";
+
car = " ";
default = [ "" " " " " ];
};
···
};
style = ''
-
#waybar, tooltip { color: @base00; }
-
tooltip { border-color: @base0D; background-color: @base00; }
-
tooltip label { color: @base05; }
+
#waybar { color: @base00; }
+
tooltip { border-color: @base0D; background-color: @base00; }
+
tooltip label { color: @base05; }
+
+
#workspaces button { border-bottom: 3px solid transparent; }
+
#workspaces button.focused, workspaces button.active { border-bottom: 3px solid @base05; }
-
#clock { color: @base00; background-color: @base03; }
+
#clock { background-color: @base03; }
-
#battery { color: @base00; background-color: @base0D; }
-
#battery.charging { background-color: @base0E; }
+
#battery { color: @base00; background-color: @base0D; }
+
#battery.charging { background-color: @base0E; }
-
#pulseaudio { color: @base00; background-color: @base09; }
-
#pulseaudio.muted { background-color: @base0C; }
+
#pulseaudio { color: @base00; background-color: @base09; }
+
#pulseaudio.muted { background-color: @base0C; }
-
#mpris { background-color: @base0B; }
+
#mpris { color: @base00; background-color: @base0B; }
-
#cava { background-color: @base0E; }
-
''
-
+ ''
-
* {
-
border-radius: 0;
-
}
+
#cava { color: @base00; background-color: @base0D; }
+
''
+
+ ''
+
* {
+
border-radius: 0;
+
}
-
/* Apply transparency to the bar (handled above by Stylix) */
-
#waybar { background: alpha(white, 0); }
+
/* Apply transparency to the bar (handled above by Stylix) */
+
#waybar { background: alpha(white, 0); }
-
/* Apply margin to all module groups */
-
.modules-left, .modules-center, .modules-right {
-
/*margin: .5rem .8rem;*/
-
}
+
/* Apply margin to all module groups */
+
.modules-left, .modules-center, .modules-right {
+
/*margin: .5rem .8rem;*/
+
}
-
/* Apply padding to all modules */
-
.modules-right widget .module {
-
padding: 0 1rem;
+
/* Apply padding to all modules */
+
.modules-right widget .module {
+
padding: 0 1rem;
-
color: @base07;
-
}
+
color: @base07;
+
}
-
/* Round first and last child of left, right and center modules. Disable rounding on the sides*/
-
.modules-left widget:last-child .module,
-
.modules-center widget:last-child .module/*,
-
.modules-right widget:last-child .module*/ {
-
border-top-right-radius: 5px;
-
}
-
/*.modules-left widget:first-child .module,*/
-
.modules-center widget:first-child .module,
-
.modules-right widget:first-child .module {
-
border-top-left-radius: 5px;
-
}
+
/* Round first and last child of left, right and center modules. Disable rounding on the sides*/
+
.modules-left widget:last-child .module,
+
.modules-center widget:last-child .module/*,
+
.modules-right widget:last-child .module*/ {
+
border-top-right-radius: 5px;
+
}
+
/*.modules-left widget:first-child .module,*/
+
.modules-center widget:first-child .module,
+
.modules-right widget:first-child .module {
+
border-top-left-radius: 5px;
+
}
-
#tray {
-
background-color: @base03;
-
}
+
#tray {
+
background-color: @base03;
+
}
-
/* Round first and last child of workspaces. */
-
#workspaces button:first-child {
-
/*border-top-left-radius: 5px;*/
-
}
-
#workspaces button:last-child {
-
border-top-right-radius: 5px;
-
}
+
/* Round first and last child of workspaces. */
+
#workspaces button:first-child {
+
/*border-top-left-radius: 5px;*/
+
}
+
#workspaces button:last-child {
+
border-top-right-radius: 5px;
+
}
-
#workspaces button {
-
color: @base07;
-
background-color: @base03;
-
}
-
#workspaces button:hover {
-
color: @base07;
-
background-color: @base03;
-
}
-
#workspaces button.urgent { color: @base08; }
-
'';
+
#workspaces button {
+
color: @base07;
+
background-color: @base03;
+
}
+
#workspaces button:hover {
+
color: @base07;
+
background-color: @base03;
+
}
+
#workspaces button.urgent { color: @base08; }
+
'';
};
wayland.windowManager.sway.config.bars = [{
+1 -1
pkgs/find-unicode.nix
···
hash = "sha256-hfTOUrFSlqOEzh2X3SnRx4UkmgCNDDfOjUT9325XSP8=";
};
-
cargoHash = "sha256-Ap7aLgmwh1xJWUxL/PQcPo6KxlJNE47LFs+WNxLFWi8=";
+
cargoHash = "sha256-b+fRwdEI97Cljlz6r4sukPvkb9/x6UBKEhUDmLONh2w=";
meta = with lib; {
description = "Find Unicode characters, the easy way! A simple command line application to find unicode characters with minimum effort.";