Dark theme: how to enable it and why my colors disappear in it

1. Add a menu item with the “Theme” module (code informer_theme) — via “Select” → “Informers”. Save.
2. A 🌙 button will appear in the menu. The visitor clicks it — the site becomes dark, the button changes to ☀️.

The choice is stored in the visitor’s browser. By default, the site is light: it becomes dark only if the visitor clicks the button themselves.

Why colors disappear. In the dark theme, blocks do not take the colors set in the style window: background, text color and link color. Otherwise, a light block background with dark text would remain a light spot, and light text would disappear on a dark background. Everything else works: font, size, borders, shadows, padding, background image. The gradient over the image is disabled.

Therefore, configure colors in the light theme. If you open the style window in the dark theme, a hint will appear in its header that the block colors are visible only in the light theme.

If it didn’t work

• I saved a color — nothing changed. You have the dark theme enabled. Click ☀️ and check.
• The visitor sees the site as dark, but you see it as light. Each person has their own theme, stored in their browser.
• A color inserted into the page text remained in the dark theme. The dark theme only recolors the style window settings. The color inside the section text remains as set.