Otter's web app ships no dark mode, and heavy users read transcripts for hours
at night. This proposes three shades rather than one, so the choice survives
changing lighting instead of being wrong half the day.
Contents:
- otter-dark.css token set, one block per tier, scoped to :root[data-theme]
- preview.html self-contained demo, no build, no network
- PREVIEW.png rendered screenshot of the demo
- userscript/ Tampermonkey stopgap that works today
Contrast figures in the README are measured from the token values with the
WCAG 2.1 formula, not estimated. The notable finding is that Otter's brand blue
#0b57d0 fails as accent text on every dark surface (2.59:1 to 3.29:1) while
remaining correct as a solid fill (6.39:1), so the tokens split accent from
accent-fill.
MIT licensed. No affiliation with AISense Inc.
Co-authored-by: CLU <clu@binaryranch.com>
