new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Tailwind CSS v4 · all subjects

utilities/accent-color

5 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

accent-color utility classes

The accent-color utility classes map as follows: accent-inherit -> accent-color: inherit; accent-current -> accent-color: currentColor; accent-transparent -> accent-color: transparent; accent-{color} (e.g. accent-rose-500) -> accent-color: var(--color-{color}); (for every color/shade in the default palette); accent-(<custom-property>) -> accent-color: var(<custom-property>); accent-[<value>] -> accent-color: <value>;

accent-color arbitrary value and custom property syntax

You can set an arbitrary accent-color value with accent-[<value>], e.g. accent-[#50d71e], which compiles to accent-color: <value>. You can reference a CSS custom property with accent-(<custom-property>) syntax, which compiles to accent-color: var(<custom-property>).

accent-color opacity modifier browser support

Tailwind's color opacity modifier (e.g. accent-purple-500/25, accent-purple-500/75) can be applied to accent-color utilities to control the opacity of the accent color, but this has limited browser support and only works in Firefox at this time.

accent-color example usage

Utilities like accent-pink-500 change the accent color of form controls such as checkboxes, overriding the browser's default color. Example: <input class="accent-pink-500" type="checkbox" checked />.

accent-color state and responsive variants

accent-color utilities support state variants like hover: (e.g. hover:accent-pink-500) and responsive breakpoint prefixes, following Tailwind's standard variant syntax, since accent-color utilities are just regular Tailwind utilities.

Give your agent this brain