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 · Utilities reference · all subjects

color-scheme

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

scheme-normal utility class

The scheme-normal utility class applies color-scheme: normal; to an element.

scheme-light utility class

The scheme-light utility class applies color-scheme: light; to an element.

scheme-light-dark utility class

The scheme-light-dark utility class applies color-scheme: light dark; to an element.

scheme-only-dark utility class

The scheme-only-dark utility class applies color-scheme: only dark; to an element.

scheme-only-light utility class

The scheme-only-light utility class applies color-scheme: only light; to an element.

color-scheme utilities control how elements are rendered in light and dark modes

The color-scheme utilities like scheme-light and scheme-light-dark control how elements should be rendered according to the system color scheme setting. These utilities affect form elements and other native UI components that respond to the color-scheme CSS property.

scheme-light-dark example usage

The scheme-light-dark utility can be applied to a container element and will respect the system color scheme preference. Example: <div class="scheme-light-dark"><input type="date" /></div>

color-scheme utilities work with dark mode variant

The color-scheme utilities can be targeted with the dark variant to apply different color schemes depending on dark mode state. For example, the dark variant can be used to apply scheme-dark when dark mode is active.

Give your agent this brain