feat(theme): тёмная тема на палитре Nord #9

2026-08-08T07:40:44+03:00

arswarog commented

2026-08-08 07:40:44 +03:00

Зачем

Более комфортно для глаз

Реализация

Почему не хватило конфига в themeConfig.mermaid.options

Docusaurus инициализирует Mermaid так:

mermaid.initialize({
  ...options,          // статично, оба режима
  theme: isDark ? 'base' : 'default',
});

themeVariables лежат внутри options и применяются независимо от colorMode. Попытка передать Nord-цвета через options дала бы Nord-оттенки и в светлом режиме.

Почему swizzle, а не CSS-переопределения

Mermaid рендерит SVG и встраивает финальные hex-значения непосредственно в <style> внутри SVG-элемента. CSS снаружи SVG не пробивает эти стили без !important на каждый конкретный селектор — хрупко и нестабильно при обновлениях Mermaid.

## Зачем Более комфортно для глаз ## Реализация **Почему не хватило конфига в 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.

arswarog added 3 commits 2026-08-08 10:19:52 +03:00

demo: добавление на главную "рыбы" 77a2270b14

feat(theme): тёмная тема на палитре Nord bebeae4a6a

feat(theme): Nord-тема для Mermaid диаграмм в тёмном режиме b10f16c385

feat(theme): Nord mermaid только в тёмном режиме через swizzle

fix(theme): useMemo для config mermaid — убрать бесконечный ре-рендер

arswarog force-pushed dark-theme from 17b8a8e823 to b10f16c385

2026-08-08 10:19:52 +03:00

Compare

arswarog merged commit ec5d2f14f4 into master

2026-08-08 10:37:30 +03:00

arswarog deleted branch dark-theme

2026-08-08 10:37:31 +03:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: docuservix/docs#9