feat(theme): тёмная тема на палитре Nord
## Зачем
Более комфортно для глаз
## Реализация
**Почему не хватило конфига в themeConfig.mermaid.options**
Docusaurus инициализирует Mermaid так:
```ts
mermaid.initialize({
...options, // статично, оба режима
theme: isDark ? 'base' : 'default',
});
```
`themeVariables` лежат внутри `options` и применяются независимо от `colorMode`. Попытка передать Nord-цвета через `options` дала бы Nord-оттенки и в светлом режиме.
**Почему swizzle, а не CSS-переопределения**
Mermaid рендерит SVG и встраивает финальные hex-значения непосредственно в `<style>` внутри SVG-элемента. CSS снаружи SVG не пробивает эти стили без `!important` на каждый конкретный селектор — хрупко и нестабильно при обновлениях Mermaid.Reviewed-on: #9
Co-authored-by: Arswarog <arswarog@yandex.ru>
This commit was merged in pull request #9.
This commit is contained in:
@@ -127,6 +127,12 @@ const config: Config = {
|
||||
theme: prismThemes.github,
|
||||
darkTheme: prismThemes.dracula,
|
||||
},
|
||||
mermaid: {
|
||||
theme: {
|
||||
light: 'default',
|
||||
dark: 'base',
|
||||
},
|
||||
},
|
||||
} satisfies Preset.ThemeConfig,
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user