Mermaid diagrams are unreadable in dark mode. The site defaults to dark, so most visitors see broken diagrams.
Example: https://project-hami.io/blog/kai-scheduler-hami-gpu-memory-hard-isolation
Cause: docusaurus.config.js has no themeConfig.mermaid, so Mermaid never switches to a dark theme. Diagrams also hardcode light fills (fill:#d9f99d, etc.) that don't adapt.
Fix: add mermaid: { theme: { light: "default", dark: "dark" } } to themeConfig, and replace hardcoded style fills with theme-aware classDefs.
Affects every page with a mermaid code block (blog, docs, tutorials).
Mermaid diagrams are unreadable in dark mode. The site defaults to dark, so most visitors see broken diagrams.
Example: https://project-hami.io/blog/kai-scheduler-hami-gpu-memory-hard-isolation
Cause:
docusaurus.config.jshas nothemeConfig.mermaid, so Mermaid never switches to a dark theme. Diagrams also hardcode light fills (fill:#d9f99d, etc.) that don't adapt.Fix: add
mermaid: { theme: { light: "default", dark: "dark" } }tothemeConfig, and replace hardcodedstylefills with theme-awareclassDefs.Affects every page with a
mermaidcode block (blog, docs, tutorials).