GitHub/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-01-28 07:03:17 +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>
<div class="flex flex-wrap">
<div class="mermaid width height">
%%{init: {'securityLevel': 'loose', 'theme':'base'}}%%
%%{init2: {'securityLevel': 'loose', 'theme':'base'}}%%
graph TD
A[Christmas] -->|Get money| B(Go shopping)
B --> C{Let me think}
@ -58,7 +58,7 @@
end
</div>
<div class="mermaid width height">
%%{init: {'securityLevel': 'loose', 'theme':'base'}}%%
%%{init2: {'securityLevel': 'loose', 'theme':'base'}}%%
flowchart TD
A[Christmas] -->|Get money| B(Go shopping)
B --> C{Let me think}
@ -75,7 +75,7 @@
end
</div>
<div class="mermaid width height" >
%%{init: {'securityLevel': 'loose', 'theme':'base'}}%%
%%{init2: {'securityLevel': 'loose', 'theme':'base'}}%%
sequenceDiagram
autonumber
@ -123,7 +123,7 @@ gantt
Add another diagram to demo page :48h
</div>
<div class="mermaid width height2">
%%{init: {'securityLevel': 'loose', 'theme':'base'}}%%
%%{init2: {'securityLevel': 'loose', 'theme':'base'}}%%
stateDiagram
[*] --> Active
@ -152,7 +152,7 @@ gantt
</div>
<div class="mermaid width height2">
%%{init: {'securityLevel': 'loose', 'theme':'base'}}%%
%%{init2: {'securityLevel': 'loose', 'theme':'base'}}%%
stateDiagram-v2
[*] --> Active

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

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

2
src/themes/index.js
View File

@ -1,6 +1,6 @@
import { getThemeVariables as baseThemeVariables } from './theme-base';
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 neutralThemeVariables } from './theme-neutral';