Привести тему 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
+7 -4
View File
@@ -6,14 +6,14 @@ theme:
name: material
#custom_dir: theme
icon:
logo: material/book-open-page-variant
logo: material/crown
favicon: stylesheets/favicon.svg
palette:
scheme: dracula
primary: deep purple
accent: deep purple
#font:
# text: Roboto
# code: Roboto Mono
font:
text: Manrope
# features:
# - navigation.tabs
@@ -90,6 +90,9 @@ extra:
- icon: fontawesome/brands/github
link: https://github.com/korolevskiyhap/faq/
extra_css:
- stylesheets/extra.css
plugins:
- search:
lang: