color-scheme
color-scheme is a CSS property in the Color category. Defines color values, schemes, and opacity for elements. The syntax is color-scheme: normal | light | dark | light dark. A typical example: color-scheme: dark; It is commonly applied to markup such as <div class="demo">Sample</div> Browser support: Chrome 1+, Firefox 1+, Safari 1+, Edge 12+. A close relative is color, which sets the text color (foreground color) of an element. A close relative is currentColor, which defines color values, schemes, and opacity for elements. A close relative is accent-color, which defines color values, schemes, and opacity for elements. More about this category: CSS color properties for text color, opacity, and color values. Related Color entries: color, currentColor, accent-color, caret-color, color-gamut, dynamic-range-limit, color-interpolation, print-color-adjust. This page is part of the free CSS Reference documentation covering 841+ properties, selectors, functions, and at-rules, each with syntax, values, examples, and browser support.