mermaid.jsのダークテーマ対応
mermaid.js
井戸端にダークテーマを導入したい#69aed1ce0000000000ac5d23
資料
https://mermaid.js.org/config/theming.html
Dynamic and integrated theme configuration was introduced in Mermaid version 8.7.0.
Available Themes
default - This is the default theme for all diagrams.
neutral - This theme is great for black and white documents that will be printed.
dark - This theme goes well with dark-colored elements or dark-mode.
forest - This theme contains shades of green.
base - This is the only theme that can be modified. Use this theme as the base for customizations.
code:mermaid
---
config:
theme: 'base'
themeVariables:
primaryColor: '#BB2528'
primaryTextColor: '#fff'
primaryBorderColor: '#7C0000'
lineColor: '#F8B229'
secondaryColor: '#006100'
tertiaryColor: '#fff'
---
graph TD
AChristmas -->|Get money| B(Go shopping)
B --> C{Let me think}
B --> G/Another/
C ==>|One| DLaptop
C -->|Two| EiPhone
C -->|Three| Ffa:fa-car Car
subgraph section
C
D
E
F
G
end
ntjEchpk.icon
https://gyazo.com/10dbb1409b978dca58cb7834968ae474
この試作品はこれ/nrem-configs/mermaid.js UserCSS
うーん、!important地獄になってしまう…
各図ごとにIDが振られていてスタイリングも個別に生成されているから、ProjectCSSで上書きするのはなんか違うような気もする