From 62b4228df4e48593a8abb2b502c5f2f8ce536c51 Mon Sep 17 00:00:00 2001
From: udvale <enkhtaiu@dickinson.edu>
Date: Wed, 16 Apr 2025 15:44:21 -0400
Subject: [PATCH] changed some color aspects for vertline based on theme

---
 packages/mermaid/src/diagrams/gantt/styles.js | 6 ++++--
 packages/mermaid/src/themes/theme-base.js     | 1 +
 packages/mermaid/src/themes/theme-dark.js     | 1 +
 packages/mermaid/src/themes/theme-default.js  | 2 ++
 packages/mermaid/src/themes/theme-forest.js   | 1 +
 packages/mermaid/src/themes/theme-neutral.js  | 2 ++
 6 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/mermaid/src/diagrams/gantt/styles.js b/packages/mermaid/src/diagrams/gantt/styles.js
index 6eaf90f3d..197fa19e8 100644
--- a/packages/mermaid/src/diagrams/gantt/styles.js
+++ b/packages/mermaid/src/diagrams/gantt/styles.js
@@ -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,
diff --git a/packages/mermaid/src/themes/theme-base.js b/packages/mermaid/src/themes/theme-base.js
index 73ffef070..0b90bd8d7 100644
--- a/packages/mermaid/src/themes/theme-base.js
+++ b/packages/mermaid/src/themes/theme-base.js
@@ -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;
diff --git a/packages/mermaid/src/themes/theme-dark.js b/packages/mermaid/src/themes/theme-dark.js
index c452eea9f..23e0fa33d 100644
--- a/packages/mermaid/src/themes/theme-dark.js
+++ b/packages/mermaid/src/themes/theme-dark.js
@@ -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;
diff --git a/packages/mermaid/src/themes/theme-default.js b/packages/mermaid/src/themes/theme-default.js
index eba3ff101..6bdbc5f8c 100644
--- a/packages/mermaid/src/themes/theme-default.js
+++ b/packages/mermaid/src/themes/theme-default.js
@@ -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;
diff --git a/packages/mermaid/src/themes/theme-forest.js b/packages/mermaid/src/themes/theme-forest.js
index 853b4d032..f34478795 100644
--- a/packages/mermaid/src/themes/theme-forest.js
+++ b/packages/mermaid/src/themes/theme-forest.js
@@ -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;
diff --git a/packages/mermaid/src/themes/theme-neutral.js b/packages/mermaid/src/themes/theme-neutral.js
index 633a26849..c2a43d035 100644
--- a/packages/mermaid/src/themes/theme-neutral.js
+++ b/packages/mermaid/src/themes/theme-neutral.js
@@ -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;