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.


accent:coloraccent-color: color;
accent:currentaccent-color: currentColor;
accent:transparentaccent-color: transparent;

Basic usage

Set the accent color

Use the accent-color:color to set a custom accent color of user interface elements or controls.

<input type="checkbox" />
<span>default color</span>
<input type="checkbox" class="accent-color:red-46">

Conditionally apply

Apply styles based on different states using selectors and conditional queries.

<div class="accent-color:red-46:hover accent-color:red-46@sm accent-color:red-46@dark accent-color:red-46@print"></div>
Production Optimization
Preloading critical resources

The runtime engine plays a crucial role in the initial display of a page.

Align Content

Controlling how multiple rows or columns are aligned along its cross axis.

© Aoyue Design LLC.