ec5d2f14f4fa44e527c3809fb9c1f96a9aa4d216
## Зачем
Более комфортно для глаз
## Реализация
**Почему не хватило конфига в 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>
Website
This website is built using Docusaurus, a modern static website generator.
Installation
yarn
Local Development
yarn start
This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server.
Build
yarn build
This command generates static content into the build directory and can be served using any static
contents hosting service.
Languages
TypeScript
50.2%
JavaScript
29.4%
CSS
20.1%
MDX
0.3%