color-scheme Property

The color-scheme property tells the browser which color schemes an element (or the page) supports. The browser then uses this information to style its own UI elements — scrollbars, form controls, checkboxes, input borders — to match the requested scheme.

Accepted values:

• normal: element uses the document default
• light: element supports light scheme only
• dark: element supports dark scheme only
• light dark: supports both; browser picks based on preference
• dark light: prefers dark; falls back to light