Что такое свойство `color-scheme`?

Question

Accepted Answer

## Практический смысл

`color-scheme` сообщает браузеру, **какие цветовые схемы поддерживает страница/компонент**: `light`, `dark` или оба (`light dark`).

Браузер может:

- подставить системные цвета форм (`button`, `input`, scrollbars);
- выбрать подходящий `Canvas` / `CanvasText` из CSS Color Module;
- согласовать UI с `prefers-color-scheme`.

```css
:root {
  color-scheme: light dark;
}
.force-light {
  color-scheme: only light;
}
```

`only` ограничивает схему жёстче (меньше «сюрпризов» от UA).

Это **не** замена вашим CSS-переменным темы, а сигнал для нативных контролов и системных цветов. Часто ставят вместе с ручной тёмной темой.