bernardo/Nomarchy
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 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:
Bernardo Magri
2026-07-07 17:36:01 +01:00
parent ddf9b186e4
commit 907d3123ea
7 changed files with 77 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
themes/boreal/waybar.css
View File

@@ -74,10 +74,13 @@ window#waybar {
margin: 0;
}
/* ── Launcher — the aurora-violet monogram opens the pill ─────────────*/
/* ── Launcher — the aurora-violet Nomarchy mark opens the pill ────────
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: 16px;
font-family: Nomarchy;
font-size: 18px;
padding: 0 12px 0 14px;
}
#custom-nomarchy:hover { color: @accentAlt; }
@@ -126,8 +129,19 @@ window#waybar {
#battery.warning:not(.charging) { color: @warn; }
#battery.critical:not(.charging) { color: @bad; }
/* Power-profile speedometer 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 noticeably smaller
than their neighbours. */
#custom-recording,
#custom-updates,
#custom-doctor,
#custom-nightlight,
#custom-vpn,
#custom-notification { font-size: 17px; }
/* Speedometer + caffeine cup render small in their em box — a touch more. */
#custom-powerprofile,
#idle_inhibitor { font-size: 18px; }
#custom-notification.notification { color: @accent; }
#custom-notification.dnd-none,

14
themes/boreal/waybar.jsonc
View File

@@ -87,7 +87,7 @@
"on-click": "nomarchy-nightlight toggle"
},
"hyprland/language": {
"format": "󰌌 {short}",
"format": "<span size='13pt'>󰌌</span> {short}",
"tooltip": false
},
"custom/vpn": {
@@ -98,10 +98,10 @@
},
"pulseaudio": {
"scroll-step": 5,
"format": "{icon} {volume}%",
"format-bluetooth": "{icon} {volume}%",
"format": "<span size='13pt'>{icon}</span> {volume}%",
"format-bluetooth": "<span size='13pt'>{icon}</span> {volume}%",
"format-bluetooth-muted": " {icon}",
"format-muted": " muted",
"format-muted": "<span size='13pt'></span> muted",
"format-icons": {
"headphone": "",
"hands-free": "",
@@ -124,9 +124,9 @@
"warning": 25,
"critical": 10
},
"format": "{icon} {capacity}%",
"format-charging": " {capacity}%",
"format-plugged": " {capacity}%",
"format": "<span size='13pt'>{icon}</span> {capacity}%",
"format-charging": "<span size='13pt'></span> {capacity}%",
"format-plugged": "<span size='13pt'></span> {capacity}%",
"format-icons": [
"",
"",

22
themes/executive-slate/waybar.css
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; }

14
themes/executive-slate/waybar.jsonc
View File

@@ -74,7 +74,7 @@
"on-click": "nomarchy-nightlight toggle"
},
"hyprland/language": {
"format": "󰌌 {short}",
"format": "<span size='13pt'>󰌌</span> {short}",
"tooltip": false
},
"custom/updates": {
@@ -86,10 +86,10 @@
},
"pulseaudio": {
"scroll-step": 5,
"format": "{icon} {volume}%",
"format-bluetooth": "{icon} {volume}%",
"format": "<span size='13pt'>{icon}</span> {volume}%",
"format-bluetooth": "<span size='13pt'>{icon}</span> {volume}%",
"format-bluetooth-muted": " {icon}",
"format-muted": " muted",
"format-muted": "<span size='13pt'></span> muted",
"format-icons": {
"headphone": "",
"hands-free": "",
@@ -118,9 +118,9 @@
"warning": 25,
"critical": 10
},
"format": "{icon} {capacity}%",
"format-charging": " {capacity}%",
"format-plugged": " {capacity}%",
"format": "<span size='13pt'>{icon}</span> {capacity}%",
"format-charging": "<span size='13pt'></span> {capacity}%",
"format-plugged": "<span size='13pt'></span> {capacity}%",
"format-icons": [
"",
"",

14
themes/summer-day/waybar.jsonc
View File

@@ -37,10 +37,10 @@
},
"pulseaudio": {
"format": "{icon} {volume}%",
"format-bluetooth": "{icon}  {volume}%",
"format": "<span size='13pt'>{icon}</span> {volume}%",
"format-bluetooth": "<span size='13pt'>{icon} </span> {volume}%",
"format-bluetooth-muted": "  muted",
"format-muted": " muted",
"format-muted": "<span size='13pt'></span> muted",
"format-icons": {
"headphone": "",
"hands-free": "",
@@ -58,9 +58,9 @@
"interval": 60,
"states": { "warning": 30, "critical": 15 },
"max-length": 10,
"format": "{icon} {capacity}%",
"format-charging": " {capacity}%",
"format-plugged": " {capacity}%",
"format": "<span size='13pt'>{icon}</span> {capacity}%",
"format-charging": "<span size='13pt'></span> {capacity}%",
"format-plugged": "<span size='13pt'></span> {capacity}%",
"format-full": " 100%",
"format-icons": ["", "", "", "", ""],
"on-click": "nomarchy-menu power",
@@ -110,7 +110,7 @@
},
"hyprland/language": {
"format": "󰌌 {short}",
"format": "<span size='13pt'>󰌌</span> {short}",
"tooltip": false
},

14
themes/summer-night/waybar.jsonc
View File

@@ -38,10 +38,10 @@
"pulseaudio": {
"scroll-step": 5,
"format": "{icon} {volume}%",
"format-bluetooth": "{icon} {volume}%",
"format": "<span size='13pt'>{icon}</span> {volume}%",
"format-bluetooth": "<span size='13pt'>{icon}</span> {volume}%",
"format-bluetooth-muted": " {icon}",
"format-muted": " muted",
"format-muted": "<span size='13pt'></span> muted",
"format-icons": {
"headphone": "",
"hands-free": "",
@@ -58,9 +58,9 @@
"battery": {
"interval": 30,
"states": { "warning": 25, "critical": 10 },
"format": "{icon} {capacity}%",
"format-charging": " {capacity}%",
"format-plugged": " {capacity}%",
"format": "<span size='13pt'>{icon}</span> {capacity}%",
"format-charging": "<span size='13pt'></span> {capacity}%",
"format-plugged": "<span size='13pt'></span> {capacity}%",
"format-icons": ["", "", "", "", ""],
"on-click": "nomarchy-menu power",
"tooltip-format": "Battery status"
@@ -109,7 +109,7 @@
},
"hyprland/language": {
"format": "󰌌 {short}",
"format": "<span size='13pt'>󰌌</span> {short}",
"tooltip": false
},