Accent

CSS core

Topics

Human support

Bring a missing role, layout, or state, or a rendering against the standard, to the session working on kit. Name the package and the entry.

Accent — the one step forward on a surface: the fill of the Primary action and the Emphasised next action, painted from --kit-accent, the one colour a target sets. The Phoenix and React pages stand at a cool Accent.

Source

<p>Accent — the one step forward on a surface: the fill of the Primary action and the Emphasised next action, painted from <code>--kit-accent</code>, the one colour a target sets. The Phoenix and React pages stand at a cool Accent.</p>
<button type="button" data-kit-role="primary-action"><span data-kit-region="label">Accent under ink</span></button>

Previous, Muted Next, Focus