diff options
| author | Danilo M. <danix@danix.xyz> | 2026-09-15 13:02:54 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-09-15 13:02:54 +0200 |
| commit | f85ec726b723db2ac5031c3c39bd3b250e85e63f (patch) | |
| tree | 35445f4ec2baca276de35920dcbedeb05ec809d6 /styles/modules.css | |
| parent | 1c9fc8369f639ec6a8d061c3ff0b9b17f9d25118 (diff) | |
| download | waybar-theme-udt-f85ec726b723db2ac5031c3c39bd3b250e85e63f.tar.gz waybar-theme-udt-f85ec726b723db2ac5031c3c39bd3b250e85e63f.zip | |
fix: make the launcher mark visible on its own pill
The mark was tinted with the accent and then drawn on the accent pill, so it
rendered lavender on lavender and the pill looked empty. It takes the bar's
background colour now, which is the contrast the pill was always missing.
The pill also sized to its icon rather than to text, which made it a circle
among capsules; its horizontal padding now matches its neighbours' shape.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Diffstat (limited to 'styles/modules.css')
| -rw-r--r-- | styles/modules.css | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/styles/modules.css b/styles/modules.css index ade8a88..9cc3f5e 100644 --- a/styles/modules.css +++ b/styles/modules.css @@ -11,11 +11,13 @@ * ------------------------------------------------------------------ */ /* The mark itself is the image module's own content, so this only draws the - * pill it sits in. */ + * pill it sits in. The horizontal padding is wider than the vertical so the + * pill reads as a capsule like its neighbours rather than a circle: an image + * module sizes to its icon, where the others size to their text. */ #image.launcher { background: @accent; - padding: 2px 10px; - min-width: 22px; + padding: 2px 14px; + min-width: 20px; } /* The accent pill inverts on hover rather than lightening: it is already the |