Привести тему 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:
+7
-4
@@ -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:
|
||||
|
||||
Reference in New Issue
Block a user