marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-08-22 17:56:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

changed some color aspects for vertline based on theme

Browse Source
This commit is contained in:
udvale
2025-04-16 15:44:21 -04:00
parent c552dc7551
commit 62b4228df4
6 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/mermaid/src/diagrams/gantt/styles.js
View File

@@ -238,13 +238,15 @@ const getStyles = (options) =>
} }
.vert { .vert {
stroke: maroon; // stroke: #00FFFF;
stroke: ${options.vertLineColor};
} }
.vertText { .vertText {
font-size: 15px; font-size: 15px;
text-anchor: middle; text-anchor: middle;
fill: maroon; // fill: #00FFFF;
fill: ${options.vertLineColor} !important;
} }
.activeCritText0, .activeCritText0,

1
packages/mermaid/src/themes/theme-base.js
View File

@@ -98,6 +98,7 @@ class Theme {
this.critBorderColor = this.critBorderColor || '#ff8888'; this.critBorderColor = this.critBorderColor || '#ff8888';
this.critBkgColor = this.critBkgColor || 'red'; this.critBkgColor = this.critBkgColor || 'red';
this.todayLineColor = this.todayLineColor || 'red'; this.todayLineColor = this.todayLineColor || 'red';
this.vertLineColor = this.vertLineColor || 'navy';
this.taskTextColor = this.taskTextColor || this.textColor; this.taskTextColor = this.taskTextColor || this.textColor;
this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor; this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor;
this.taskTextLightColor = this.taskTextLightColor || this.textColor; this.taskTextLightColor = this.taskTextLightColor || this.textColor;

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

@@ -79,6 +79,7 @@ class Theme {
this.critBkgColor = '#E83737'; this.critBkgColor = '#E83737';
this.taskTextDarkColor = 'calculated'; this.taskTextDarkColor = 'calculated';
this.todayLineColor = '#DB5757'; this.todayLineColor = '#DB5757';
this.vertLineColor = '#00BFFF';
/* C4 Context Diagram variables */ /* C4 Context Diagram variables */
this.personBorder = this.primaryBorderColor; this.personBorder = this.primaryBorderColor;

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

@@ -88,6 +88,7 @@ class Theme {
this.critBorderColor = 'calculated'; this.critBorderColor = 'calculated';
this.critBkgColor = 'calculated'; this.critBkgColor = 'calculated';
this.todayLineColor = 'calculated'; this.todayLineColor = 'calculated';
this.vertLineColor = 'calculated';
this.sectionBkgColor = rgba(102, 102, 255, 0.49); this.sectionBkgColor = rgba(102, 102, 255, 0.49);
this.altSectionBkgColor = 'white'; this.altSectionBkgColor = 'white';
@@ -107,6 +108,7 @@ class Theme {
this.critBorderColor = '#ff8888'; this.critBorderColor = '#ff8888';
this.critBkgColor = 'red'; this.critBkgColor = 'red';
this.todayLineColor = 'red'; this.todayLineColor = 'red';
this.vertLineColor = 'navy';
/* C4 Context Diagram variables */ /* C4 Context Diagram variables */
this.personBorder = this.primaryBorderColor; this.personBorder = this.primaryBorderColor;

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

@@ -81,6 +81,7 @@ class Theme {
this.critBorderColor = '#ff8888'; this.critBorderColor = '#ff8888';
this.critBkgColor = 'red'; this.critBkgColor = 'red';
this.todayLineColor = 'red'; this.todayLineColor = 'red';
this.vertLineColor = '#00BFFF';
/* C4 Context Diagram variables */ /* C4 Context Diagram variables */
this.personBorder = this.primaryBorderColor; this.personBorder = this.primaryBorderColor;

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

@@ -93,6 +93,7 @@ class Theme {
this.critBkgColor = 'calculated'; this.critBkgColor = 'calculated';
this.critBorderColor = 'calculated'; this.critBorderColor = 'calculated';
this.todayLineColor = 'calculated'; this.todayLineColor = 'calculated';
this.vertLineColor = 'calculated';
/* C4 Context Diagram variables */ /* C4 Context Diagram variables */
this.personBorder = this.primaryBorderColor; this.personBorder = this.primaryBorderColor;
@@ -209,6 +210,7 @@ class Theme {
this.critBorderColor = darken(this.critBkgColor, 10); this.critBorderColor = darken(this.critBkgColor, 10);
this.todayLineColor = this.critBkgColor; this.todayLineColor = this.critBkgColor;
this.vertLineColor = this.critBkgColor;
/* Architecture Diagram variables */ /* Architecture Diagram variables */
this.archEdgeColor = this.lineColor; this.archEdgeColor = this.lineColor;