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

← Назад

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

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

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

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

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

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

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

Смотрите также

Подсказки для работы с конструктором

Раздел «Помощь» создан для тех, кто впервые собирает сайт на «Первой линии». Здесь собраны ответы на частые вопросы: как создать сайт, что писать в полях, как редактировать тексты и фотографии, как подключить собственный домен и настроить разделы. Материалы помогут разобраться без обращения в поддержку.

Конструктор устроен просто: вы заполняете поля на странице создания, а затем правите содержимое прямо на готовом сайте. Если что-то не получается или непонятно, загляните в соответствующий пункт помощи. Инструкции написаны простым языком и описывают каждый шаг.

В помощи вы найдёте ответы на вопросы:

  • как придумать адрес сайта и что делать, если имя занято;
  • как изменить название, описание и другие тексты на странице;
  • как добавить товары, услуги или формы заявок;
  • как подключить свой домен вместо адреса на firstline.com.ua;
  • как настроить разделы и модули под задачи вашего дела.

Если нужного ответа не нашлось, воспользуйтесь формой обратной связи — мы поможем разобраться. Раздел обновляется, чтобы вы всегда могли найти актуальную информацию по работе с конструктором.