Темна тема: як увімкнути і чому в ній зникають мої кольори

← Назад

Інформер «Тема» дає відвідувачу кнопку 🌙/☀️. У темній темі фон, колір тексту і посилань з вікна стилів не застосовуються — так задумано.

  1. Додайте пункт меню з модулем «Тема» (код informer_theme) — через «Вибрати» → «Інформери». Збережіть.
  2. В меню з'явиться кнопка 🌙. Відвідувач натискає її — сайт стає темним, кнопка змінюється на ☀️.

Вибір запам'ятовується в браузері відвідувача. За замовчуванням сайт світлий: темним він стає, тільки якщо відвідувач натиснув кнопку сам.

Чому зникають кольори. У темній темі блоки не беруть кольори, задані у вікні стилів: фон, колір тексту і колір посилань. Інакше світлий фон блоку з темним текстом залишився б світлою плямою, а світлий текст зник би на темному. Працює все інше: шрифт, розмір, рамки, тіні, відступи, картинка фону. Градієнт поверх картинки відключається.

Тому налаштовуйте кольори в світлій темі. Якщо відкрити вікно стилів в темній, в його шапці з'явиться підказка, що кольори блоку видно тільки в світлій.

Якщо не вийшло

  • Зберіг колір — нічого не змінилося. У вас увімкнена темна тема. Натисніть ☀️ і перевірте.
  • Відвідувач бачить сайт темним, а ви — світлим. Тема у кожного своя і зберігається в його браузері.
  • Колір, вставлений в текст сторінки, залишився в темній темі. Темна тема перефарбовує тільки налаштування вікна стилів. Колір всередині тексту розділу залишається яким задано.
Стаття допомогла?

Дивіться також

Як поставити логотип і фавіконкуОбидві картинки завантажуються в налаштуваннях інформера «Логотип» — полями «Логотип» і «Фав-іконка».Як оформити блок: рамка, фон, відступи, тіньНаведіть на блок і натисніть шестерню — відкриється вікно стилів із вкладками «Межа», «Блок», «Текст», «Посилання», «Анімація», «Позиціонування».Як додати лічильник або чужий віджет на всі сторінкиВкладка «Про сайт» у загальних налаштуваннях, поле «HTML-код віджетів» — код вставляється на кожну сторінку сайту.Що таке інформери в менюЦе маленькі віджети, які стоять у меню нарівні з пунктами: логотип, кошик, пошук, перемикач мови, чат та інші.

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

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

Конструктор влаштований просто: ви заповнюєте поля на сторінці створення, а потім редагуєте вміст прямо на готовому сайті. Якщо щось не виходить або незрозуміло, загляньте у відповідний пункт довідки. Інструкції написані простою мовою й описують кожен крок.

У довідці ви знайдете відповіді на питання:

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

Якщо потрібної відповіді не знайшлося, скористайтеся формою зворотного зв'язку — ми допоможемо розібратися. Розділ оновлюється, щоб ви завжди могли знайти актуальну інформацію щодо роботи з конструктором.