Skip to content

Accent as highlighter (marker stroke) — per-theme opt-in #3

Description

@peas

Today **bold** gets color: var(--accent). Sometimes the better treatment is a highlighter: translucent accent fill behind the text, like a marker on a book.

Per-theme (or per-scheme) opt-in via theme metadata accentStyle: "highlight":

.theme-x { --accent-mode: highlight; }
:is(strong, b) { background: linear-gradient(transparent 60%, var(--accent) 60%); padding: 0 .1em; border-radius: var(--accent-radius, 0); }

Serif themes get rounded corners (--accent-radius: .15em) — straight-edge marker on serif reads cheap. Sans can stay rectangular.

Test on Letters from Brazil (serif), Borneli (display), and one sans theme. Requested by Paulo 2026-05-06 while editing t-shaped-dev.md.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions