Тёмный режим ( тёмная тема , англ. Dark Mode , «цветовая схема „Свет-на-тёмном“» ) в дизайне пользовательского интерфейса — , в которой используется светлый текст на тёмном фоне.

История

Предшественники современных компьютерных экранов, такие как электронно-лучевые осциллографы , строили графики и представли другую информацию в виде светящихся следов на чёрном фоне.

Впоследствии компьютеры стали использовать в качестве дисплея ЭЛТ , где темный фосфор экрана (фон) ярко светился, когда на него падал электронный луч. На экранах RGB , чтобы сформировать белый цвет, все 3 луча должны быть включены.

Противоположная цветовая схема была представлена позже, в текстовых процессорах WYSIWYG , для имитации чернил на бумаге.

Преимущества

Плюсами тёмного режима считаются :

• экономия батареи ;
• снижение нагрузки на глаза пользователей;

Поддержка

Переход в темный режим поддерживается многими современными операционными системами, в том числе Windows (начиная с Windows 10 Anniversary Update), macOS 10.14 , iOS 13 и Android 10 , в браузерах Firefox и Chromium также возможна настройка на темный режим.

С 2019 года в CSS существует свойство prefers-color-scheme — предпочтение пользователя об использовании темного режима .

Пример на CSS :

@media (prefers-color-scheme: dark) {
    body {
        color: #ccc;
        background: #222;
    }
}

Пример JavaScript :

if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
    dark();
}

Примечания