Тёмный режим (тёмная тема, англ. Dark Mode, «цветовая схема „Свет-на-тёмном“»[1]) в дизайне пользовательского интерфейса — цветовая схема[англ.], в которой используется светлый текст на тёмном фоне.
Предшественники современных компьютерных экранов, такие как электронно-лучевые осциллографы, строили графики и представли другую информацию в виде светящихся следов на чёрном фоне.
Впоследствии компьютеры стали использовать в качестве дисплея ЭЛТ, где темный фосфор экрана (фон) ярко светился, когда на него падал электронный луч. На экранах RGB, чтобы сформировать белый цвет, все 3 луча должны быть включены.
Противоположная цветовая схема была представлена позже, в текстовых процессорах WYSIWYG, для имитации чернил на бумаге.
Плюсами тёмного режима считаются[2]:
- экономия батареи[3];
- снижение нагрузки на глаза пользователей;
Переход в темный режим поддерживается многими современными операционными системами, в том числе Windows (начиная с Windows 10 Anniversary Update), macOS 10.14, iOS 13 и Android 10, в браузерах Firefox и Chromium также возможна настройка на темный режим.
С 2019 года в CSS существует свойство prefers-color-scheme — предпочтение пользователя об использовании темного режима[4][5][6].
Пример на CSS:
@media (prefers-color-scheme: dark) {
body {
color: #ccc;
background: #222;
}
}
Пример JavaScript:[7]
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
dark();
}
Wikiwand in your browser!
Seamless Wikipedia browsing. On steroids.
Every time you click a link to Wikipedia, Wiktionary or Wikiquote in your browser's search results, it will show the modern Wikiwand interface.
Wikiwand extension is a five stars, simple, with minimum permission required to keep your browsing private, safe and transparent.
