diff options
| author | Adam Soltys <[email protected]> | 2026-11-14 23:22:10 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-11-14 23:22:10 -0700 |
| commit | 1ab385d5db79d5e76856164096f8b1c77faa6487 (patch) | |
| tree | 0bc2ce2d455e582cc42c80072c22bdf546b8f7c3 /src | |
| parent | 31bdd26474436d80204bd51a8d75c674bfe762b1 (diff) | |
| download | coinosv3-1ab385d5db79d5e76856164096f8b1c77faa6487.tar.gz coinosv3-1ab385d5db79d5e76856164096f8b1c77faa6487.zip | |
The clip-moment toggle reads when it's on, in dark mode too. "The contrast here is no good" (Adam, 2026-11-15, phone screenshot of the reaction sheet): the on state was --accent-ink text on --accent, which in the dark theme is #e7e9ee on white. It now takes the accent's own text colour (--accent-fg): dark on white in the dark theme, white on near-black in the light one; the off state (dashed, muted) is unchanged
Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01VMan6UKGJyuGyZFxddYRxS
Diffstat (limited to 'src')
| -rw-r--r-- | src/style.css | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/src/style.css b/src/style.css index a0b1069..17412b2 100644 --- a/src/style.css +++ b/src/style.css @@ -2168,4 +2168,6 @@ html:has(.call-overlay:not(.call-min)) { overflow: hidden; scrollbar-gutter: aut background: none; color: var(--muted); border: 1px dashed var(--line-strong); cursor: pointer; } .moment-toggle:hover { color: var(--ink); } -.moment-toggle.on { color: var(--accent-ink, #fff); background: var(--accent); border: 1px solid var(--accent); } +/* on: the accent with its own text colour (accent-fg). accent-ink, used + before, is light on dark mode's white accent: unreadable (Adam, 2026-11-15) */ +.moment-toggle.on { color: var(--accent-fg); background: var(--accent); border: 1px solid var(--accent); } |