Bernardo Magri
7f10a12ec8
All checks were successful
Check / eval (push) Successful in 2m54s
Increased base font size from 13px to 15px and expanded padding to provide better touch targets and functional proportions.
89 lines
1.6 KiB
CSS
89 lines
1.6 KiB
CSS
/* Executive Slate Waybar — Solid, functional, professional */
|
|
|
|
* {
|
|
font-family: "Inter", "Symbols Nerd Font", sans-serif;
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
border: none;
|
|
border-radius: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
window#waybar {
|
|
background: @base;
|
|
border-bottom: 1px solid @mantle;
|
|
color: @text;
|
|
}
|
|
|
|
/* Tightly packed modules for a functional feel */
|
|
.modules-left,
|
|
.modules-center,
|
|
.modules-right {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#workspaces button,
|
|
#window,
|
|
#clock,
|
|
#tray,
|
|
#pulseaudio,
|
|
#battery,
|
|
#custom-notification,
|
|
#custom-vpn,
|
|
#custom-powerprofile,
|
|
#custom-updates,
|
|
#custom-doctor {
|
|
padding: 0 12px;
|
|
margin: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* Subtle hover effects */
|
|
#workspaces button {
|
|
color: @subtext;
|
|
transition: all 0.2s ease-in-out;
|
|
border-bottom: 2px solid transparent;
|
|
}
|
|
|
|
#workspaces button:hover {
|
|
background: @surface;
|
|
color: @text;
|
|
}
|
|
|
|
/* Active gets a strong underline instead of a glowing background */
|
|
#workspaces button.active {
|
|
color: @text;
|
|
background: @surface;
|
|
border-bottom: 2px solid @accent;
|
|
}
|
|
|
|
#workspaces button.urgent {
|
|
color: @bad;
|
|
border-bottom: 2px solid @bad;
|
|
}
|
|
|
|
/* Minimal indicators */
|
|
#battery.charging { color: @good; }
|
|
#battery.warning:not(.charging) { color: @warn; }
|
|
#battery.critical:not(.charging) {
|
|
color: @bad;
|
|
background: @surface;
|
|
border-bottom: 2px solid @bad;
|
|
}
|
|
|
|
#pulseaudio.muted { color: @muted; }
|
|
#custom-updates { color: @accentAlt; }
|
|
#custom-doctor { color: @bad; }
|
|
#custom-vpn { color: @accent; }
|
|
|
|
/* Functional tooltip */
|
|
tooltip {
|
|
background: @base;
|
|
border: 1px solid @overlay;
|
|
border-radius: 4px;
|
|
}
|
|
tooltip label {
|
|
color: @text;
|
|
}
|