プレビュー時に要素IDにEntity名(英字)が流用されるのを利用して、Styleを適用する小ネタ。
Zenn、Notion、VSCode(Markdown Preview Mermaid Support) で機能するのを確認。
前方一致セレクタで erDiagram の一部のEntityを色分けする例
erDiagram
examples {
int id
int hoge_id
int hige_id
}
examples }o--|| "master: hoge": ""
examples }o--|| "master: hige": ""
"master: hoge" {
int id
}
%% ↓ これ。master (id=entity-master) で始まる要素 (の.er.entityBox) に fill を指定
%%{
init: {
'themeCSS': '[id^=entity-master] .er.entityBox { fill: #ffcc66; }'
}
}%%
（ちなみに自分は結局どこにも使いませんでした←
Discussion