Тёмный режим (тёмная тема, , «цветовая схема „Свет-на-тёмном“») в дизайне пользовательского интерфейса — , в которой используется светлый текст на тёмном фоне.
История
Предшественниками современных компьютерных экранов можно считать экраны осциллографов, на которых строились графики и выводились прочие данные в виде светящегося следа на чёрном фоне.
С появлением компьютерных экранов первоначально пользовательские интерфейсы были сформированы на электронно-лучевых трубках (ЭЛТ), подобных тем, которые используются в осциллографах. Люминофор обычно был очень тёмного цвета и ярко светился, когда на него попадал электронный луч, представляя себя белым, зелёным, синим или янтарным на чёрном фоне, в зависимости от люминофоров, применённых на монохромном экране. RGB-экраны продолжали работать аналогично, используя все лучи, установленные в положение «вкл», для формирования белого цвета.
С появлением телетекста были проведены исследования о том, какие цвета и комбинации основного и вторичного света лучше всего подходят для этой новой среды. Голубой или жёлтый на чёрном обычно считался оптимальным из палитры чёрного, красного, зелёного, жёлтого, синего, пурпурного, голубого и белого.
Противоположный цветовой набор, цветовая схема «тёмное на светлом» (светлый режим или светлая тема), был первоначально введён в текстовых процессорах WYSIWYG для имитации чернил на бумаге и широко распространился.
Microsoft представила тёмную тему в юбилейном обновлении Windows 10 в 2016 году. В 2018 году Apple сделала это в macOS Mojave. В сентябре 2019 года тёмные режимы появились в iOS 13 и Android 10 Некоторые операционные системы предоставляют инструменты для автоматического изменения состояния тёмного режима на закате или восходе солнца.
Firefox и Chromium имеют опциональную тёмную тему для всех внутренних экранов. Также у сторонних разработчиков появится возможность реализовывать свои собственные тёмные темы. Существует также множество надстроек для браузера, которые могут перенастраивать веб-сайты на тёмные цветовые схемы, а также в соответствии с системной темой.
В 2019 году для фронтенд-веб-разработчиков была создана опция «prefers-color-scheme», представляющая собой свойство CSS, которое сигнализирует о выборе пользователем для своей системы использования светлой или тёмной цветовой темы.
В июле 2024 года мобильный сайт Википедии получил тёмный режим. Настольный сайт позже также получил тёмный режим.
Преимущества Плюсами тёмного режима считаются экономия батареи и снижение нагрузки на глаза пользователей.
Поддержка С 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(); }
Примечания
Категория:Компьютерная графика Категория:Устройства отображения информации Категория:Интерфейс пользователя