marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-11-06 05:44:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

#2045 Small fix for alt ackground in state diagrams

Browse Source
This commit is contained in:
Knut Sveidqvist
2021-05-06 22:16:31 +02:00
parent f6b4794183
commit 2de9d491c3
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
cypress/platform/knsv.html
View File

@@ -51,6 +51,8 @@ stateDiagram-v2
state AnotherCompositeState { state AnotherCompositeState {
AnotherState --> YetANotherState:a label AnotherState --> YetANotherState:a label
} }
--
SSTAte
} }
note left of CompositeState note left of CompositeState
Important information! You can write Important information! You can write
@@ -92,7 +94,7 @@ sequenceDiagram
// console.error('Mermaid error: ', err); // console.error('Mermaid error: ', err);
}; };
mermaid.initialize({ mermaid.initialize({
theme: 'dark', theme: 'neutral',
arrowMarkerAbsolute: true, arrowMarkerAbsolute: true,
// themeCSS: '.edgePath .path {stroke: red;} .arrowheadPath {fill: red;}', // themeCSS: '.edgePath .path {stroke: red;} .arrowheadPath {fill: red;}',
logLevel: 0, logLevel: 0,

2
src/themes/theme-neutral.js
View File

@@ -153,7 +153,7 @@ class Theme {
this.stateBkg = this.stateBkg || this.mainBkg; this.stateBkg = this.stateBkg || this.mainBkg;
this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg; this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg;
this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor; this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor;
this.altBackground = this.altBackground || '#e0e0e0'; this.altBackground = this.altBackground || '#f4f4f4';
this.clusterTitleBackground = this.clusterTitleBackground || this.mainBkg; this.clusterTitleBackground = this.clusterTitleBackground || this.mainBkg;
this.stateBorder = this.stateBorder || '#000'; this.stateBorder = this.stateBorder || '#000';