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 Setting up base theme for custom theming

Browse Source
This commit is contained in:
Knut Sveidqvist 2020-07-27 11:51:20 +02:00
parent 5a7d770a58
commit f0ed170b04
3 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
cypress/platform/showcase_base.html
View File

@ -41,7 +41,7 @@
<h1>Showcases of diagrams</h1> <h1>Showcases of diagrams</h1>
<div class="flex flex-wrap"> <div class="flex flex-wrap">
<div class="mermaid width height"> <div class="mermaid width height">
%%{init: {'securityLevel': 'loose', 'theme':'base'}}%% %%{init2: {'securityLevel': 'loose', 'theme':'base'}}%%
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}
@ -58,7 +58,7 @@
end end
</div> </div>
<div class="mermaid width height"> <div class="mermaid width height">
%%{init: {'securityLevel': 'loose', 'theme':'base'}}%% %%{init2: {'securityLevel': 'loose', 'theme':'base'}}%%
flowchart TD flowchart 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}
@ -75,7 +75,7 @@
end end
</div> </div>
<div class="mermaid width height" > <div class="mermaid width height" >
%%{init: {'securityLevel': 'loose', 'theme':'base'}}%% %%{init2: {'securityLevel': 'loose', 'theme':'base'}}%%
sequenceDiagram sequenceDiagram
autonumber autonumber
@ -123,7 +123,7 @@ gantt
Add another diagram to demo page :48h Add another diagram to demo page :48h
</div> </div>
<div class="mermaid width height2"> <div class="mermaid width height2">
%%{init: {'securityLevel': 'loose', 'theme':'base'}}%% %%{init2: {'securityLevel': 'loose', 'theme':'base'}}%%
stateDiagram stateDiagram
[*] --> Active [*] --> Active
@ -152,7 +152,7 @@ gantt
</div> </div>
<div class="mermaid width height2"> <div class="mermaid width height2">
%%{init: {'securityLevel': 'loose', 'theme':'base'}}%% %%{init2: {'securityLevel': 'loose', 'theme':'base'}}%%
stateDiagram-v2 stateDiagram-v2
[*] --> Active [*] --> Active

2
src/diagrams/state/styles.js
View File

@ -63,7 +63,7 @@ g.stateGroup line {
.edgeLabel .label rect { .edgeLabel .label rect {
fill: ${options.tertiaryColor}; fill: ${options.tertiaryColor};
opacity: 0.3; opacity: 0.2;
} }
.edgeLabel .label text { .edgeLabel .label text {
fill: ${options.tertiaryTextColor}; fill: ${options.tertiaryTextColor};

2
src/themes/index.js
View File

@ -1,6 +1,6 @@
import { getThemeVariables as baseThemeVariables } from './theme-base'; import { getThemeVariables as baseThemeVariables } from './theme-base';
import { getThemeVariables as darkThemeVariables } from './theme-dark'; import { getThemeVariables as darkThemeVariables } from './theme-dark';
import { getThemeVariables as defaultThemeVariables } from './theme-base'; import { getThemeVariables as defaultThemeVariables } from './theme-default';
import { getThemeVariables as forestThemeVariables } from './theme-forest'; import { getThemeVariables as forestThemeVariables } from './theme-forest';
import { getThemeVariables as neutralThemeVariables } from './theme-neutral'; import { getThemeVariables as neutralThemeVariables } from './theme-neutral';