From 8efc083e4d542669a84b946c3acc4bd2a5870d98 Mon Sep 17 00:00:00 2001 From: "Danilo M." Date: Fri, 11 Sep 2026 10:53:49 +0200 Subject: feat: bring waybar's font in line with the rest of the desktop Waybar was already Catppuccin Macchiato with a lavender accent, using the same hex values as the rofi palette, so only the font needed changing: it asked for Commit Mono Nerd Font, a third family outside the Noto Sans and Inconsolata pair. Monospace is kept deliberately, since a status bar is dense and numeric and proportional text makes values jitter as they update. Also records that the CSS load order in waybar's own CLAUDE.md is stale. The modules-*.css and states.css files it documents are not imported by anything; style.css pulls in styles/main.css instead. One of the dead files holds a font-family declaration that looks authoritative but has no effect. Co-Authored-By: Claude Opus 5 Claude-Session: https://claude.ai/code/session_01G6aeE37K4GHBsaM51yLTTq --- templates/waybar/README.md | 24 ++++++++++++ templates/waybar/catppuccin-macchiato.css | 63 +++++++++++++++++++++++++++++++ templates/waybar/fonts.css | 29 ++++++++++++++ 3 files changed, 116 insertions(+) create mode 100644 templates/waybar/README.md create mode 100644 templates/waybar/catppuccin-macchiato.css create mode 100644 templates/waybar/fonts.css (limited to 'templates') diff --git a/templates/waybar/README.md b/templates/waybar/README.md new file mode 100644 index 0000000..1b4736c --- /dev/null +++ b/templates/waybar/README.md @@ -0,0 +1,24 @@ +# Waybar + +Waybar was already Catppuccin Macchiato before this project touched it, and its +palette file carries the same hex values as `rofi/udt/palette.rasi`. Its accent +was already `@lavender`, which is now the desktop-wide fallback, so the two +agree without changing either. + +The only change made here was the font: `styles/fonts.css` asked for +`Commit Mono Nerd Font`, a third family outside the Noto Sans / Inconsolata +pair. It now uses `Inconsolata Nerd Font Mono`. Monospace is deliberate for a +status bar: the content is dense, numeric and glyph-heavy, and proportional +text makes values jitter as they update. + +Waybar reloads CSS live, so `killall -SIGUSR2 waybar` is enough to apply a +change. + +## Note for whoever edits this next + +`~/.config/waybar/CLAUDE.md` documents a CSS load order ending in +`styles/modules-{center,left,right}.css` and `styles/states.css`. Those files +are no longer imported by anything: `style.css` pulls in `styles/main.css` +instead, which appears to have replaced them. They are still on disk. Editing +them has no effect, and one of them holds a stale `font-family` that looks +authoritative but is dead. diff --git a/templates/waybar/catppuccin-macchiato.css b/templates/waybar/catppuccin-macchiato.css new file mode 100644 index 0000000..d98b1cc --- /dev/null +++ b/templates/waybar/catppuccin-macchiato.css @@ -0,0 +1,63 @@ +/* catppuccin macchiato */ + +@define-color rosewater #f4dbd6; +@define-color flamingo #f0c6c6; +@define-color pink #f5bde6; +@define-color mauve #c6a0f6; +@define-color red #ed8796; +@define-color maroon #ee99a0; +@define-color peach #f5a97f; +@define-color yellow #eed49f; +@define-color green #a6da95; +@define-color teal #8bd5ca; +@define-color sky #91d7e3; +@define-color sapphire #7dc4e4; +@define-color blue #8aadf4; +@define-color lavender #b7bdf8; +@define-color text #cad3f5; +@define-color subtext1 #b8c0e0; +@define-color subtext0 #a5adcb; +@define-color overlay2 #939ab7; +@define-color overlay1 #8087a2; +@define-color overlay0 #6e738d; +@define-color surface2 #5b6078; +@define-color surface1 #494d64; +@define-color surface0 #363a4f; +@define-color base #24273a; +@define-color mantle #1e2030; +@define-color crust #181926; + +/* + br - border + bg - background + fg - foreground +*/ + +/* main colors */ + +@define-color accent @lavender; +@define-color main-br @subtext0; +@define-color main-bg @crust; +@define-color main-fg @text; +@define-color hover-bg @base; +@define-color hover-fg alpha(@main-fg, 0.75); +@define-color outline shade(@main-bg, 0.5); + +/* module colors */ + +@define-color workspaces @mantle; +@define-color temperature @mantle; +@define-color memory @base; +@define-color cpu @surface0; +@define-color time @surface0; +@define-color date @base; +@define-color tray @mantle; +@define-color volume @mantle; +@define-color backlight @base; +@define-color battery @surface0; + +/* state colors */ + +@define-color warning @yellow; +@define-color critical @red; +@define-color charging @green; diff --git a/templates/waybar/fonts.css b/templates/waybar/fonts.css new file mode 100644 index 0000000..ec4b024 --- /dev/null +++ b/templates/waybar/fonts.css @@ -0,0 +1,29 @@ +* { + font-family: "Inconsolata Nerd Font Mono"; + font-weight: bold; + font-size: 16px; +} + +#custom-user, +#window label, +#mpris, +tooltip label { + font-weight: normal; +} + +#workspaces button.active label, +#workspaces button.focused label, +#custom-distro { + font-size: 20px; +} + +#custom-power_menu { + font-size: 18px; +} + +#custom-left_div, +#custom-left_inv, +#custom-right_div, +#custom-right_inv { + font-size: 22px; +} -- cgit v1.2.3