Waybar config

This commit is contained in:
fwastring 2025-10-10 16:31:26 +02:00
parent 3c7a01f264
commit e8d8704b70
6 changed files with 232 additions and 59 deletions

View file

@ -15,33 +15,33 @@
/* -------- Base Styles -------- */
* {
font-family: "FiraCode Nerd Font Bold", "Font Awesome 7 Free Regular", sans-serif;
font-family: "FiraCode Nerd Font", "Font Awesome 7 Free";
font-size: 15px;
}
window#waybar {
background: @mocha-base;
/* background: @mocha-base; */
background: transparent;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
transition: background-color .35s ease, color .35s ease;
padding: 4px 8px;
}
window#waybar.hidden { opacity: 0.2; }
window#waybar.termite { background: @mocha-mantle; }
window#waybar.termite { background: @mocha-base; }
window#waybar.chromium { background: @mocha-base; border: none; }
/* -------- Module “pill” look -------- */
#workspaces, #clock, #mpris {
background: @mocha-mantle;
border: 1px solid @mocha-surface2;
border-radius: 10px;
#workspaces, #clock, #mpris, #pulseaudio, #bluetooth, #upower {
background: @mocha-base;
border: none;
border-radius: 5px;
padding: 3px 8px;
}
/* consistent gaps between modules */
.modules-left > widget, .modules-right > widget {
margin: 0 6px;
margin: 0 15px;
}
.modules-left > widget:first-child { margin-left: 0; }
.modules-right > widget:last-child { margin-right: 0; }
@ -73,8 +73,7 @@ button:active {
/* -------- Workspaces -------- */
#workspaces {
padding: 4px 6px;
background: @mocha-mantle;
background: @mocha-base;
}
#workspaces button {
@ -106,16 +105,38 @@ button:active {
color: @mocha-base;
font-weight: 600;
letter-spacing: 0.2px;
padding: 4px 10px;
}
/* -------- Clock -------- */
/* -------- Mpris -------- */
#mpris {
background: @mocha-peach;
color: @mocha-base;
font-weight: 600;
letter-spacing: 0.2px;
padding: 4px 10px;
}
/* -------- Pavu -------- */
#pulseaudio {
background: @mocha-peach;
color: @mocha-base;
font-weight: 600;
letter-spacing: 0.2px;
}
/* -------- Bluetooth -------- */
#bluetooth {
background: @mocha-peach;
color: @mocha-base;
font-weight: 600;
letter-spacing: 0.2px;
}
/* -------- Upower -------- */
#bluetooth {
background: @mocha-peach;
color: @mocha-base;
font-weight: 600;
letter-spacing: 0.2px;
}
/* -------- Helpers -------- */