marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-08-15 06:19:24 +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 {
stroke: maroon;
// stroke: #00FFFF;
stroke: ${options.vertLineColor};
}
.vertText {
font-size: 15px;
text-anchor: middle;
fill: maroon;
// fill: #00FFFF;
fill: ${options.vertLineColor} !important;
}
.activeCritText0,

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

@@ -98,6 +98,7 @@ class Theme {
this.critBorderColor = this.critBorderColor || '#ff8888';
this.critBkgColor = this.critBkgColor || 'red';
this.todayLineColor = this.todayLineColor || 'red';
this.vertLineColor = this.vertLineColor || 'navy';
this.taskTextColor = this.taskTextColor || this.textColor;
this.taskTextOutsideColor = this.taskTextOutsideColor || 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.taskTextDarkColor = 'calculated';
this.todayLineColor = '#DB5757';
this.vertLineColor = '#00BFFF';
/* C4 Context Diagram variables */
this.personBorder = this.primaryBorderColor;

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

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

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

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

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

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