Theming Controls with accent-color

Using the CSS `accent-color` property to give native checkboxes, radios, switches, sliders and progress bars a brand colour.

Content tagged accent-color

• Tutorial:Theming Native Controls with accent-color

  Theme native checkboxes, radios and sliders with one property.

  The accent-color property themes the checked and filled parts of native checkboxes, radio buttons, switches, range sliders and progress bars — including their indeterminate states — while keeping real browser controls with full native behaviour and accessibility, plus how it pairs with color-scheme and what it leaves alone.