NotS1mp/Musify
0
0
Fork 0
Code Issues 23 Pull Requests Actions Packages Projects Releases Wiki Activity

Brighten secondary button text for dark-mode legibility

Browse Source 
secondary used text-fg-2 (--mf-text-2), which in dark mode is a fairly
dim mid-gray (#8a8a8e) that read poorly against the dark bg-btn fill,
even though the same class looks great in light mode where --mf-text-2
is a dark, high-contrast gray. Use text-fg instead, which is tuned
bright in dark mode and dark in light mode, so both modes get good
contrast from the same class. Drop the now-redundant hover:text-fg
since resting state already uses it.
This commit is contained in:
Admin
2026-09-22 19:58:39 +02:00
parent 94f80c03c5
commit 79698f2265
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web-player/src/lib/components/ui/primitives/Button.svelte
+1 -1
View File
@@ -36,7 +36,7 @@
const variants = { const variants = {
primary: 'bg-cta-strong text-ink hover:brightness-95', primary: 'bg-cta-strong text-ink hover:brightness-95',
secondary: 'bg-btn text-fg-2 hover:bg-btn-hover hover:text-fg', secondary: 'bg-btn text-fg hover:bg-btn-hover',
accent: 'bg-accent-tint text-accent-soft hover:bg-accent-btn-hover', accent: 'bg-accent-tint text-accent-soft hover:bg-accent-btn-hover',
danger: 'bg-danger text-on-art hover:brightness-110' danger: 'bg-danger text-on-art hover:brightness-110'
}; };