jbourdon/dotfiles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(waybar): improving styling

Browse Source
This commit is contained in:
Jonathan Bourdon
2026-03-31 21:07:49 -04:00
parent f9a20c0717
commit ffd1dd19bb
2 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
waybar/.config/waybar/config.jsonc
View File

@@ -2,8 +2,8 @@
"layer": "top", "layer": "top",
"position": "top", "position": "top",
"mod": "dock", "mod": "dock",
"margin-left": 4, "margin-left": 8,
"margin-right": 4, "margin-right": 8,
"margin-top": 8, "margin-top": 8,
"margin-bottom": 0, "margin-bottom": 0,
"exclusive": true, "exclusive": true,

24
waybar/.config/waybar/style.css
View File

@@ -19,10 +19,17 @@
} }
window#waybar { window#waybar {
background: transparent; background: alpha(@background, 0.95);
border: 1px solid #595959;
border-radius: 6px;
box-shadow: none;
color: @foreground; color: @foreground;
} }
window#waybar > box {
padding: 8px;
}
tooltip { tooltip {
background: @background; background: @background;
border: 1px solid @accent-alt; border: 1px solid @accent-alt;
@@ -49,9 +56,9 @@ tooltip {
#custom-power { #custom-power {
background: alpha(@background, 0.56); background: alpha(@background, 0.56);
border: 1px solid alpha(@foreground, 0.14); border: 1px solid alpha(@foreground, 0.14);
border-radius: 14px; border-radius: 9px;
box-shadow: 0 8px 24px alpha(@background, 0.22); box-shadow: 0 8px 24px alpha(@background, 0.22);
margin: 0 5px; margin: 0 4px;
padding: 0 12px; padding: 0 12px;
min-height: 34px; min-height: 34px;
} }
@@ -62,14 +69,19 @@ tooltip {
#workspaces button { #workspaces button {
all: initial; all: initial;
min-width: 18px; font-size: 21px;
padding: 0 8px; min-width: 22px;
padding: 0 4px;
margin: 5px 2px; margin: 5px 2px;
border-radius: 10px; border-radius: 7px;
color: @foreground-muted; color: @foreground-muted;
opacity: 0.9; opacity: 0.9;
} }
#workspaces button label {
font-size: 21px;
}
#workspaces button.empty { #workspaces button.empty {
color: @foreground-muted; color: @foreground-muted;
opacity: 0.45; opacity: 0.45;