Тёмная тема: как включить и почему в ней пропадают мои цвета

← Retour

Информер «Тема» даёт посетителю кнопку 🌙/☀️. В тёмной теме фон, цвет текста и ссылок из окна стилей не применяются — так задумано.

  1. Добавьте пункт меню с модулем «Тема» (код informer_theme) — через «Выбрать» → «Информеры». Сохраните.
  2. В меню появится кнопка 🌙. Посетитель нажимает её — сайт становится тёмным, кнопка меняется на ☀️.

Выбор запоминается в браузере посетителя. По умолчанию сайт светлый: тёмным он становится, только если посетитель нажал кнопку сам.

Почему пропадают цвета. В тёмной теме блоки не берут цвета, заданные в окне стилей: фон, цвет текста и цвет ссылок. Иначе светлый фон блока с тёмным текстом остался бы светлым пятном, а светлый текст пропал бы на тёмном. Работает всё остальное: шрифт, размер, рамки, тени, отступы, картинка фона. Градиент поверх картинки отключается.

Поэтому настраивайте цвета в светлой теме. Если открыть окно стилей в тёмной, в его шапке появится подсказка, что цвета блока видны только в светлой.

Если не получилось

  • Сохранил цвет — ничего не поменялось. У вас включена тёмная тема. Нажмите ☀️ и проверьте.
  • Посетитель видит сайт тёмным, а вы — светлым. Тема у каждого своя и хранится в его браузере.
  • Цвет, вставленный в текст страницы, остался в тёмной теме. Тёмная тема перекрашивает только настройки окна стилей. Цвет внутри текста раздела остаётся каким задан.
Cet article vous a-t-il aidé ?

Voir aussi