Темный режим или темная тема очень полезна в условиях низкой освещенности. В наши дни многие популярные приложения и веб-сервисы предлагают функцию темного режима.
Наверняка многие знают, как включить темную тему в Windows 10, Microsoft Office, приложении Почта в Windows 10 и браузере Microsoft Edge. В инсайдерских сборках Windows 10 вы также можете включить темный режим для проводника файлов.
После появления темного режима в Windows 10 и Edge, Microsoft добавила темный режим в свою службу электронной почты Outlook.com. Новая функция, может помочь миллионам пользователей Outlook.com работать с электронной почтой без необходимости напрягать глаза даже в условиях низкой освещенности.
Как вы можете видеть на снимках экрана, темный режим выглядит неплохо. Как и в других сервисах, которые предлагают подобную опцию, Outlook.com использует черный цвет для фона, а текст белый цвет. В этом руководстве мы рассмотрим, как включить новую опцию — темный режим в Outlook.com.
Включить темный режим в Outlook.com
Шаг 1. Перейдите на Outlook.com и войдите в свою учетную запись.
Как на виндовс 10 включить темную тему?
Шаг 2. Если вы все еще используете старый Outlook.com, передвиньте ползунок переключателя на «Бета-версия Outlook», это позволит включить новый интерфейс и другие функции.
Шаг 3. Нажмите кнопку настройки (значок шестеренки), а затем найдите переключатель «Темные цвета» и передвиньте его в положение Включено, изменения будут применены мгновенно.
Стоит отметить, что большинство тем, доступных в Outlook.com, не поддерживают темный режим по очевидным причинам.
Таким образом, если вы не можете включить темный режим или если темный режим работает неправильно, измените текущую тему Outlook.com.
Источник: g-ek.com
Как включить чёрную тему на YouTube
Активировать тёмную тему YouTube на компьютере очень просто. Разработчики не говорили о такой возможности, но в свободном доступе появилась подробная инструкция как это сделать.
Теперь включить темную версию проще простого — нажать на аватар и выбрать Ночной режим. Информация ниже морально устарела
Многие интернет сервисы и программы оснащены специальными фильтрами, позволяющие изменять основной фон по цвету. Необходимо это в случаях, например, когда человек находится в пути и яркий белый свет на экране смартфона отвлекает. Поэтому приложение Карты автоматически переключается в Ночной режим — это удобно.
Темная тема для всех сайтов на компьютере
Также темный фон меньше напрягает глаза и делает чтение более комфортным. В таком режиме заряд батареи расходуется значительно меньше.
Итак, чтобы активировать и сделать черную тему в Ютубе необходимо:
- в любом браузере нажать сочетание клавиш: на Windows Ctrl + Shift + I, а на macOS: Option + Command + I;
- выбрать вкладку Консоль и нажать на неё;
- скопируйте команду document.cookie=’VISITOR_INFO1_LIVE=fPQ4jCL6EiE; path=/’ (если не сработает то эту команду document.cookie=’VISITOR_INFO1_LIVE=fPQ4jCL6EiE’) и нажмите Enter;
- закройте Консоль и обновите страницу;
- выйдите из своего аккаунта и авторизуйтесь повторно;
- нажмите на логотип профиля и в окне выберите Включить темную тему.
Вот такой простой метод, который позволяет установить чёрную тему на видеохостинге Youtube.
Источник: soft-file.ru
Как добавить тёмную тему на страницу
В последние пять лет в интерфейсном дизайне появилось понятие тёмной темы: это когда фон делают тёмным, а текст — светлым. Это полезно в телефонах для энергосбережения и чтения с экрана ночью. Ну и просто красиво.
Сегодня мы добавим на страницу переключатель тёмной и светлой темы с помощью CSS.
Автопереключение тёмной темы
Современные браузеры умеют определять, что на телефоне или компьютере включена тёмная тема. Для этого разработчики используют такой медиазапрос:
Если на устройстве используется тёмная тема, то CSS выполнит всё, что написано в фигурных скобках. В нашем случае нам нужно сделать тёмный фон и светлый текст:
Добавим этот код в стили на странице, и задача решена: мы получили поддержку тёмной темы. Если в настройках устройства переключить тему обратно на светлую, то сайт тоже получит белый фон.
Ручное переключение темы
Медиазапросы — это хорошо, но иногда нужно поставить принудительный переключатель темы, чтобы не зависеть от настроек устройства. Например, если нужно отладить тёмную тему, когда у вас на компьютере работает светлая тема.
Чтобы не создавать с нуля страницу, поступим так: создадим копию главной страницы нашего учебного сайта и добавим туда переключатель, который заставит тему смениться.
Настраиваем стили
Единственное, что нам нужно добавить в стили — это два класса: для светлой и тёмной темы:
.theme-dark < background: black; color: white; >.theme-light
Первый класс устанавливает чёрный фон и белый цвет текста, а второй, наоборот, — белый фон и чёрный текст. Цвета здесь можно указывать любые и для любых элементов, а мы для простоты остановимся на двух.
Внешне страница никак не поменяется — мы ещё не применили эти стили. Чтобы это сделать, надо поработать с остальными элементами, например добавить id к тегу — по нему мы будем обращаться к содержимому всей страницы:
Добавляем переключатель
Чтобы мы могли менять светлую тему на тёмную и обратно, добавим простой переключатель. Сделаем его в виде абзаца и добавим его сразу после строки поиска:
Вот что здесь происходит:
onclick=»darkLight()» ← говорим, что должно произойти при нажатии: вызываем функцию darkLight();
style=»cursor: help;»> ← меняем внешний вид курсора при наведении на переключатель;
Включить тёмную тему
← текст надписи.
Переключатель появился на странице, но пока ничего не переключает. Исправим это в скрипте.
