style(themes): brand the launcher mark and rework waybar icon sizing
All checks were successful
Check / eval (push) Successful in 3m11s

- Pin `font-family: Nomarchy` on #custom-nomarchy (boreal, executive-slate)
  so the branded mark at U+F000 wins over the Nerd Font's glass glyph at
  the same codepoint (summer bars already pinned it).
- Enlarge the icons on icon+text modules via a Pango span, with a gap so
  the glyph no longer crowds the value. The volume module gets a wider
  gap: its level glyph is unusually wide and overlapped the % otherwise.
- Bump icon-only status modules (caffeine, speedometer, …) to match, so
  they don't read smaller than their neighbours. The generated bar sizes
  everything relative to fonts.size (+2/+3pt) so it scales per theme.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-07-07 17:36:01 +01:00
parent ddf9b186e4
commit 907d3123ea
7 changed files with 77 additions and 43 deletions

View File

@@ -72,10 +72,13 @@ window#waybar {
#battery,
#custom-vpn { margin-left: 6px; }
/* ── Menu launcher — the one branded accent glyph ────────────────── */
/* ── Menu launcher — the branded Nomarchy mark ───────────────────────
The mark lives at U+F000 in the dedicated "Nomarchy" font; pin the
family or the Nerd Font's glass glyph at the same codepoint wins. */
#custom-nomarchy {
color: @accent;
font-size: 15px;
font-family: Nomarchy;
font-size: 16px;
padding: 0 14px;
}
#custom-nomarchy:hover {
@@ -126,8 +129,19 @@ window#waybar {
#custom-updates.available { color: @accent; }
/* Power-profile glyph renders small in its em box — size it up. */
#custom-powerprofile { font-size: 16px; }
/* Icon-only status modules carry no text, so they don't get the 13pt
Pango icon span the icon+text modules (volume/battery/language) use —
bump their font-size to match, or these glyphs read smaller than their
neighbours. */
#custom-recording,
#custom-nightlight,
#custom-updates,
#custom-vpn,
#custom-doctor,
#custom-notification { font-size: 17px; }
/* Speedometer + caffeine cup render small in their em box — a touch more. */
#custom-powerprofile,
#idle_inhibitor { font-size: 18px; }
#pulseaudio.muted { color: @muted; }