GitHub/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-02-04 07:13:25 +08:00
Code Issues Projects Releases Wiki Activity

#1542 Test page using directoives to switch theme

Browse Source
This commit is contained in:
Knut Sveidqvist 2020-07-17 09:31:42 +02:00
parent 030b945828
commit 65c2f58a66
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
cypress/platform/current.html
View File

@ -26,8 +26,7 @@
<h1>info below</h1> <h1>info below</h1>
<div class="flex flex-wrap"> <div class="flex flex-wrap">
<div class="mermaid" style="width: 50%; height: 20%;"> <div class="mermaid" style="width: 50%; height: 20%;">
%%{init: {"theme": forest, "logLevel": 1 }}%% %%{init: { 'logLevel': 0, 'theme': 'default'} }%%
graph TD graph TD
A[Christmas] -->|Get money| B(Go shopping) A[Christmas] -->|Get money| B(Go shopping)
B --> C{Let me think} B --> C{Let me think}
@ -44,7 +43,7 @@ graph TD
end end
</div> </div>
<div class="mermaid" style="width: 50%; height: 20%;"> <div class="mermaid" style="width: 50%; height: 20%;">
%%{init: {"theme": forest, "logLevel": 1 }}%% %%{init: { 'logLevel': 1, 'theme': 'forest'} }%%
graph TD graph TD
A[Christmas] -->|Get money| B(Go shopping) A[Christmas] -->|Get money| B(Go shopping)
B --> C{Let me think} B --> C{Let me think}
@ -61,7 +60,8 @@ graph TD
end end
</div> </div>
<div class="mermaid" style="width: 50%; height: 20%;"> <div class="mermaid" style="width: 50%; height: 20%;">
%%{init: {"theme": neutral, "logLevel": 1 }}%% %%{init: { 'logLevel': 1, 'theme': 'neutral'} }%%
graph TD graph TD
A[Christmas] -->|Get money| B(Go shopping) A[Christmas] -->|Get money| B(Go shopping)
B --> C{Let me think} B --> C{Let me think}
@ -78,7 +78,8 @@ graph TD
end end
</div> </div>
<div class="mermaid" style="background: #3f3f3f; width: 50%; height: 20%;"> <div class="mermaid" style="background: #3f3f3f; width: 50%; height: 20%;">
%%{init: {"theme": dark, "logLevel": 1 }}%% %%{init: { 'logLevel': 1, 'theme': 'dark'} }%%
graph TD graph TD
A[Christmas] -->|Get money| B(Go shopping) A[Christmas] -->|Get money| B(Go shopping)
B --> C{Let me think} B --> C{Let me think}