A typographic experiment
This post overrides the global theme to dark, swaps the accent color to amber, constrains the line length, and reaches for a serif headline — all from the frontmatter. Nothing about the shared layout had to change.
Why this matters
Default styles should be opinionated and correct. Overrides should be cheap. A blog post that wants to be visually distinct shouldn’t require a one-off component file or a Tailwind config change — it should just declare what’s different and move on.
What’s available
styles.theme— switcheslight/darkstyles.tokens— any CSS variable, scoped to:rootfor this pagestyles.css— raw CSS, scoped to this pagestyles.proseClass— extra class on the<article>wrapper
That’s the whole API.