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

#5237 Fix for label opacity

Browse Source
This commit is contained in:
Knut Sveidqvist 2024-06-26 13:51:02 +02:00
parent ee6ae6a47a
commit fc78ee0fc5
3 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/mermaid/src/diagrams/flowchart/styles.ts
View File

@ -95,6 +95,9 @@ const getStyles = (options: FlowChartStyleOptions) =>
.edgeLabel {
background-color: ${options.edgeLabelBackground};
p {
background-color: ${options.edgeLabelBackground};
}
rect {
opacity: 0.5;
background-color: ${options.edgeLabelBackground};
@ -106,7 +109,7 @@ const getStyles = (options: FlowChartStyleOptions) =>
/* For html labels only */
.labelBkg {
background-color: ${fade(options.edgeLabelBackground, 0.5)};
// background-color:
// background-color:
}
.cluster rect {

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

@ -70,6 +70,9 @@ g.stateGroup line {
}
.edgeLabel {
background-color: ${options.edgeLabelBackground};
p {
background-color: ${options.edgeLabelBackground};
}
rect {
opacity: 0.5;
background-color: ${options.edgeLabelBackground};

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

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