mdebray/tvl-depot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(tazjin/dotfiles): configure wlr/taskbar for waybar

Browse source 
I think that's the last module I was missing for this to be "feature-complete".

I think ideally the things displayed by the taskbar would have the same order as
the current Niri layout, but I can tackle this later. This might require a patch
in Niri.

Change-Id: I67cc2366b6c510830021954372e29ce0be7d8363
Reviewed-on: https://cl.tvl.fyi/c/depot/+/12543
Reviewed-by: tazjin <tazjin@tvl.su>
Tested-by: BuildkiteCI
This commit is contained in:
Vincent Ambo 2024-09-29 14:35:31 +03:00 committed by tazjin
parent 89bd07ee72
commit 70a0fc0297
2 changed files with 39 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
users/tazjin/dotfiles/waybar/config.nix
View file

@ -7,7 +7,7 @@ in
mainBar = { mainBar = {
layer = "top"; layer = "top";
position = "bottom"; position = "bottom";
modules-left = [ "custom/start" ]; modules-left = [ "custom/start" "wlr/taskbar" ];
"custom/start" = { "custom/start" = {
format = " Start"; format = " Start";
@ -51,5 +51,14 @@ in
icon-size = 20; icon-size = 20;
spacing = 10; spacing = 10;
}; };
"wlr/taskbar" = {
format = "{icon} {title}";
on-click = "activate";
rewrite = {
# Truncate any format over 16 characters.
"^(.{16}).+$" = "$1…";
};
};
}; };
} }

29
users/tazjin/dotfiles/waybar/style.css
View file

@ -223,3 +223,32 @@ label:focus {
background-color: #ecf0f1; background-color: #ecf0f1;
color: #2d3436; color: #2d3436;
} }
#taskbar {
color: @button_text_color;
margin: 0.2em;
margin-top: 0.35em;
}
#taskbar button {
padding: 0.2em;
margin-right: 0.3em;
border: 0.1em solid;
border-radius: 0em;
color: @button_text_color;
outline-color: @outline_color;
border-top-color: @border_bright;
border-right-color: @border_dark;
border-left-color: @border_bright;
border-bottom-color: @border_dark;
background-color: @button_bg_color;
box-shadow: inset -0.1em -0.1em @border_shade, inset 0.1em 0.1em @border_light;
}
#taskbar button.active {
border-top-color: @border_dark;
border-right-color: @border_bright;
border-left-color: @border_dark;
border-bottom-color: @border_bright;
box-shadow: inset 1px 1px @border_shade;
}