Syntax
accent-color🚧
Setting the accent color of user interface elements or controls.
🚧This page is still under construction and some content may not be complete.
Overview
Basic usage
Set the accent color
Use the accent-color:color to set a custom accent color of user interface elements or controls.
<label> <input type="checkbox" /> <span>default color</span></label><label> <input type="checkbox" class="accent-color:red-50"> <span>Customized</span></label>Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="accent-color:red-46:hover accent-color:red-46@sm accent-color:red-46@dark accent-color:red-46@print">…</div>