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

5237 Label background for state diagrams

Browse Source
This commit is contained in:
Knut Sveidqvist
2024-06-11 15:03:14 +02:00
parent 8cbceb611a
commit 7763d9ceb8
2 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/mermaid/src/diagrams/state/styles.js
View File

@@ -68,6 +68,15 @@ g.stateGroup line {
fill: ${options.labelBackgroundColor}; fill: ${options.labelBackgroundColor};
opacity: 0.5; opacity: 0.5;
} }
.edgeLabel {
background-color: ${options.edgeLabelBackground};
rect {
opacity: 0.5;
background-color: ${options.edgeLabelBackground};
fill: ${options.edgeLabelBackground};
}
text-align: center;
}
.edgeLabel .label text { .edgeLabel .label text {
fill: ${options.transitionLabelColor || options.tertiaryTextColor}; fill: ${options.transitionLabelColor || options.tertiaryTextColor};
} }

2
packages/mermaid/src/themes/theme-default.js
View File

@@ -34,7 +34,7 @@ class Theme {
this.arrowheadColor = '#333333'; this.arrowheadColor = '#333333';
this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif'; this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif';
this.fontSize = '16px'; this.fontSize = '16px';
this.labelBackground = '#e8e8e8'; this.labelBackground = 'rgba(232,232,232,0.6)';
this.textColor = '#333'; this.textColor = '#333';
this.THEME_COLOR_LIMIT = 12; this.THEME_COLOR_LIMIT = 12;