marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-26 02:39:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

#2088 Add the possibility to theme forks and joins using theme variables

Browse Source
This commit is contained in:
Knut Sveidqvist
2021-05-22 20:13:31 +02:00
parent 4c92592aa1
commit 6e6ced2cee
8 changed files with 21 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/dagre-wrapper/nodes.js
View File

@@ -567,8 +567,6 @@ const forkJoin = (parent, node, dir) => {
const shape = shapeSvg
.append('rect')
.style('stroke', 'black')
.style('fill', 'black')
.attr('x', (-1 * width) / 2)
.attr('y', (-1 * height) / 2)
.attr('width', width)

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

@@ -82,11 +82,17 @@ g.stateGroup line {
}
.node circle.state-start {
fill: ${options.lineColor};
stroke: black;
fill: ${options.stateBorder || options.lineColor};
stroke: ${options.stateBorder || options.lineColor};
}
.node .fork-join {
fill: ${options.stateBorder};
stroke: ${options.stateBorder};
}
.node circle.state-end {
fill: ${options.primaryBorderColor};
fill: ${options.innerEndBackground || options.primaryBorderColor};
stroke: ${options.background};
stroke-width: 1.5
}

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

@@ -121,7 +121,7 @@ class Theme {
this.altBackground = this.altBackground || this.tertiaryColor;
this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg;
this.compositeBorder = this.compositeBorder || this.nodeBorder;
this.innerEndBackground = this.primaryBorderColor;
this.errorBkgColor = this.errorBkgColor || this.tertiaryColor;
this.errorTextColor = this.errorTextColor || this.tertiaryTextColor;
this.transitionColor = this.transitionColor || this.lineColor;

1
src/themes/theme-dark.js
View File

@@ -136,6 +136,7 @@ class Theme {
this.altBackground = this.altBackground || '#555';
this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg;
this.compositeBorder = this.compositeBorder || this.nodeBorder;
this.innerEndBackground = this.primaryBorderColor;
this.errorBkgColor = this.errorBkgColor || this.tertiaryColor;
this.errorTextColor = this.errorTextColor || this.tertiaryTextColor;

1
src/themes/theme-default.js
View File

@@ -149,6 +149,7 @@ class Theme {
this.altBackground = this.altBackground || '#f0f0f0';
this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg;
this.compositeBorder = this.compositeBorder || this.nodeBorder;
this.innerEndBackground = this.primaryBorderColor;
this.errorBkgColor = this.errorBkgColor || this.tertiaryColor;
this.errorTextColor = this.errorTextColor || this.tertiaryTextColor;

1
src/themes/theme-forest.js
View File

@@ -119,6 +119,7 @@ class Theme {
this.altBackground = this.altBackground || '#f0f0f0';
this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg;
this.compositeBorder = this.compositeBorder || this.nodeBorder;
this.innerEndBackground = this.primaryBorderColor;
this.errorBkgColor = this.errorBkgColor || this.tertiaryColor;
this.errorTextColor = this.errorTextColor || this.tertiaryTextColor;

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

@@ -156,6 +156,7 @@ class Theme {
this.altBackground = this.altBackground || '#f4f4f4';
this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg;
this.stateBorder = this.stateBorder || '#000';
this.innerEndBackground = this.primaryBorderColor;
this.errorBkgColor = this.errorBkgColor || this.tertiaryColor;
this.errorTextColor = this.errorTextColor || this.tertiaryTextColor;