Привести тему faq.khap.ru в соответствие с лендингом khap.ru

Тёмный фон + фиолетово-золотые "королевские" акценты, шрифты Cinzel
(заголовки) + Manrope (текст), корона в логотипе/favicon — тот же
визуальный язык, что на продающем лендинге главной страницы.

Схема оставлена "dracula" намеренно: JS плагина
mkdocs_pymdownx_material_extras хардкодит это имя как дефолтную тёмную
схему (--> localStorage) и принудительно выставляет его на body, если
ничего не сохранено — переименование ничего не даёт, схема откатится.
Тот же плагин задаёт свои CSS-переменные через `:root>*[data-md-color-scheme=dracula]`
и компонентные правила вплоть до specificity (0,3,0) (например, цвет
активного пункта меню через --md-primary-fg-color) — наши переопределения
подобраны так, чтобы либо превышать эту специфичность (`:root>body[...]`),
либо не конфликтовать вовсе (primary-fg-color сделан видимым фиолетовым,
а не тёмным, иначе текст активного пункта меню становится невидимым на
тёмном фоне — фон хедера при этом управляется отдельным токеном
--md-header-bg-color).

Проверено локально: mkdocs build + скриншоты всех разделов (десктоп и
мобильный вьюпорт), реальный computed-color активных ссылок/пунктов меню.
This commit is contained in:
kislovdm
2026-08-11 16:03:31 +03:00
parent a25eb3ab32
commit e77fba7e65
4 changed files with 101 additions and 4 deletions
+6
View File
@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<rect width="24" height="24" rx="5" fill="#170f2b"/>
<path d="M4 17h16M5 17l-1-8 4 2.6L12 6l4 5.6 4-2.6-1 8"
stroke="#f0c34e" stroke-width="1.6" stroke-linejoin="round" stroke-linecap="round"
fill="rgba(240,195,78,.25)"/>
</svg>

After

Width:  |  Height:  |  Size: 310 B