pancakes/config
pancakes/config
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Change Waybar styling

Browse source
This commit is contained in:
pancakes 2025-07-29 00:46:56 +10:00
parent 51c960f95a
commit c042e9ea1f
Signed by: pancakes
SSH key fingerprint: SHA256:yrp4c4hhaPoPG07fb4QyQIgAdlbUdsJvUAydJEWnfTw
3 changed files with 38 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
justfile
View file

@ -86,7 +86,7 @@ kitty-terminal:
[group("graphical")]
niri-window-manager:
@just _echowarning "1) Installing niri and related tools"
paru -S cliphist fuzzel gdm gnome-keyring niri-git noto-fonts noto-fonts-cjk noto-fonts-emoji noto-fonts-extra polkit-kde-agent swayidle swaylock swaync ttf-firacode-nerd ttf-font-awesome waybar wl-clipboard wlsunset wpaperd xdg-desktop-portal-gnome xwayland-satellite-git
paru -S cliphist fuzzel gdm gnome-keyring inter-font niri-git noto-fonts noto-fonts-cjk noto-fonts-emoji noto-fonts-extra polkit-kde-agent swayidle swaylock swaync ttf-firacode-nerd ttf-font-awesome waybar wl-clipboard wlsunset wpaperd xdg-desktop-portal-gnome xwayland-satellite-git
@just _echowarning "\n2) Stowing niri config"
stow --dotfiles -S niri

6
niri/dot-config/waybar/config.jsonc
View file

@ -2,6 +2,9 @@
{
"layer": "top",
"spacing": 8,
"margin-top": 4,
"margin-left": 4,
"margin-right": 4,
"modules-left": [
"niri/workspaces",
"privacy",
@ -30,7 +33,8 @@
}
},
"privacy": {
"icon-size": 12
"icon-size": 12,
"icon-spacing": 0
},
"clock": {
"format": "{:%a %H:%M}",

39
niri/dot-config/waybar/style.css
View file

@ -1,20 +1,38 @@
* {
/* `otf-font-awesome` is required to be installed for icons */
font-family: FontAwesome, Inter, sans-serif;
font-size: 12px;
font-size: 14px;
}
window#waybar {
background-color: rgba(26, 27, 38, 0.95);
background-color: rgba(26, 27, 38, 0.9);
color: #c0caf5;
transition-property: background-color;
transition-duration: .5s;
border-radius: 5px;
}
tooltip {
padding: 5px;
background-color: rgba(26, 27, 38, 0.9);
border: 1px solid #bb9af7;
border-radius: 5px;
}
tooltip label {
color: #c0caf5;
font-size: 14px;
}
.modules-left,
.modules-center,
.modules-right {
margin: 4px 4px;
}
button {
/* Avoid rounded borders under each button name */
border: none;
border-radius: 0;
border-radius: 5px;
padding: 0 4px;
}
@ -54,6 +72,7 @@ button:hover {
padding: 0 4px;
min-width: 1.5em;
color: #c0caf5;
border-radius: 5px;
}
#window,
@ -61,12 +80,17 @@ button:hover {
margin: 0 4px;
}
#window {
color: #bb9af7;
}
/* If workspaces is the leftmost module, omit left margin */
.modules-left>widget:first-child>#workspaces {
margin-left: 0;
}
#clock {
font-size: 16px;
font-weight: bold;
}
@ -121,11 +145,12 @@ label:focus {
}
#privacy {
padding: 0;
padding: 0 4px;
background-color: #e0af68;
border-radius: 5px;
}
#privacy-item {
padding: 0 4px;
background-color: #e0af68;
padding: 0 2px;
color: #15161e;
}