From 13e3d7293efa35eab7d7983dfc112851277c9df9 Mon Sep 17 00:00:00 2001
From: Saurabh Gore <saurabh@mermaidchart.com>
Date: Tue, 28 Jan 2025 12:32:50 +0530
Subject: [PATCH] Remove  "trebuchet ms", verdana from font family

---
 packages/mermaid/src/themes/theme-base.js       | 2 +-
 packages/mermaid/src/themes/theme-dark.js       | 2 +-
 packages/mermaid/src/themes/theme-default.js    | 2 +-
 packages/mermaid/src/themes/theme-forest.js     | 2 +-
 packages/mermaid/src/themes/theme-mc.js         | 2 +-
 packages/mermaid/src/themes/theme-neo-dark.js   | 4 ++--
 packages/mermaid/src/themes/theme-neo.js        | 2 +-
 packages/mermaid/src/themes/theme-neutral.js    | 2 +-
 packages/mermaid/src/themes/theme-redux-dark.js | 4 ++--
 packages/mermaid/src/themes/theme-redux.js      | 2 +-
 10 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/packages/mermaid/src/themes/theme-base.js b/packages/mermaid/src/themes/theme-base.js
index cf3aae077..1b4285c7d 100644
--- a/packages/mermaid/src/themes/theme-base.js
+++ b/packages/mermaid/src/themes/theme-base.js
@@ -24,7 +24,7 @@ class Theme {
     this.strokeWidth = 1;
     // dark
 
-    this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
+    this.fontFamily = 'arial, sans-serif';
     this.fontSize = '14px';
     this.useGradient = true;
     this.dropShadow = 'drop-shadow( 1px 2px 2px rgba(185,185,185,1))';
diff --git a/packages/mermaid/src/themes/theme-dark.js b/packages/mermaid/src/themes/theme-dark.js
index f67b8974a..8c77fc8f5 100644
--- a/packages/mermaid/src/themes/theme-dark.js
+++ b/packages/mermaid/src/themes/theme-dark.js
@@ -24,7 +24,7 @@ class Theme {
     this.border1 = '#ccc';
     this.border2 = rgba(255, 255, 255, 0.25);
     this.arrowheadColor = 'calculated';
-    this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
+    this.fontFamily = 'arial, sans-serif';
     this.fontSize = '14px';
     this.labelBackground = '#181818';
     this.textColor = '#ccc';
diff --git a/packages/mermaid/src/themes/theme-default.js b/packages/mermaid/src/themes/theme-default.js
index 29146a16c..236ad6825 100644
--- a/packages/mermaid/src/themes/theme-default.js
+++ b/packages/mermaid/src/themes/theme-default.js
@@ -33,7 +33,7 @@ class Theme {
     this.primaryBorderColor = mkBorder(this.primaryColor, this.darkMode);
     this.border2 = '#aaaa33';
     this.arrowheadColor = '#333333';
-    this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
+    this.fontFamily = 'arial, sans-serif';
     this.fontSize = '14px';
     this.labelBackground = 'rgba(232,232,232, 0.8)';
     this.textColor = '#333';
diff --git a/packages/mermaid/src/themes/theme-forest.js b/packages/mermaid/src/themes/theme-forest.js
index 7020cb580..fc246d684 100644
--- a/packages/mermaid/src/themes/theme-forest.js
+++ b/packages/mermaid/src/themes/theme-forest.js
@@ -18,7 +18,7 @@ class Theme {
     this.border1 = '#13540c';
     this.border2 = '#6eaa49';
     this.arrowheadColor = 'green';
-    this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
+    this.fontFamily = 'arial, sans-serif';
     this.fontSize = '14px';
 
     this.tertiaryColor = lighten('#cde498', 10);
diff --git a/packages/mermaid/src/themes/theme-mc.js b/packages/mermaid/src/themes/theme-mc.js
index 051e50f83..b2a080367 100644
--- a/packages/mermaid/src/themes/theme-mc.js
+++ b/packages/mermaid/src/themes/theme-mc.js
@@ -27,7 +27,7 @@ class Theme {
     this.primaryBorderColor = mkBorder(this.primaryColor, this.darkMode);
     // dark
 
-    this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
+    this.fontFamily = 'arial, sans-serif';
     this.fontSize = '14px';
 
     // Neo-specific
diff --git a/packages/mermaid/src/themes/theme-neo-dark.js b/packages/mermaid/src/themes/theme-neo-dark.js
index b975077f5..380f60609 100644
--- a/packages/mermaid/src/themes/theme-neo-dark.js
+++ b/packages/mermaid/src/themes/theme-neo-dark.js
@@ -30,7 +30,7 @@ class Theme {
     this.border1 = '#ccc';
     this.border2 = rgba(255, 255, 255, 0.25);
     this.arrowheadColor = invert(this.background);
-    this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
+    this.fontFamily = 'arial, sans-serif';
     this.fontSize = '14px';
     this.labelBackground = '#181818';
     this.textColor = '#ccc';
@@ -43,7 +43,7 @@ class Theme {
 
     this.THEME_COLOR_LIMIT = 12;
     // dark
-    this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
+    this.fontFamily = 'arial, sans-serif';
     this.fontSize = '14px';
 
     // Neo-specific
diff --git a/packages/mermaid/src/themes/theme-neo.js b/packages/mermaid/src/themes/theme-neo.js
index 87596814d..bc63553eb 100644
--- a/packages/mermaid/src/themes/theme-neo.js
+++ b/packages/mermaid/src/themes/theme-neo.js
@@ -26,7 +26,7 @@ class Theme {
     this.primaryBorderColor = mkBorder(this.primaryColor, this.darkMode);
     // dark
 
-    this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
+    this.fontFamily = 'arial, sans-serif';
     this.fontSize = '14px';
 
     // Neo-specific
diff --git a/packages/mermaid/src/themes/theme-neutral.js b/packages/mermaid/src/themes/theme-neutral.js
index 67fb96a6d..2d30e44a1 100644
--- a/packages/mermaid/src/themes/theme-neutral.js
+++ b/packages/mermaid/src/themes/theme-neutral.js
@@ -39,7 +39,7 @@ class Theme {
     this.critical = '#d42';
     this.done = '#bbb';
     this.arrowheadColor = '#333333';
-    this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
+    this.fontFamily = 'arial, sans-serif';
     this.fontSize = '14px';
     this.THEME_COLOR_LIMIT = 12;
     this.radius = 5;
diff --git a/packages/mermaid/src/themes/theme-redux-dark.js b/packages/mermaid/src/themes/theme-redux-dark.js
index e8e9e83fc..c79785abb 100644
--- a/packages/mermaid/src/themes/theme-redux-dark.js
+++ b/packages/mermaid/src/themes/theme-redux-dark.js
@@ -30,7 +30,7 @@ class Theme {
     this.border1 = '#ccc';
     this.border2 = rgba(255, 255, 255, 0.25);
     this.arrowheadColor = invert(this.background);
-    this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
+    this.fontFamily = 'arial, sans-serif';
     this.fontSize = '14px';
     this.labelBackground = '#181818';
     this.textColor = '#ccc';
@@ -43,7 +43,7 @@ class Theme {
 
     this.THEME_COLOR_LIMIT = 12;
     // dark
-    this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
+    this.fontFamily = 'arial, sans-serif';
     this.fontSize = '14px';
 
     // Neo-specific
diff --git a/packages/mermaid/src/themes/theme-redux.js b/packages/mermaid/src/themes/theme-redux.js
index d58d6ff77..16bb7751e 100644
--- a/packages/mermaid/src/themes/theme-redux.js
+++ b/packages/mermaid/src/themes/theme-redux.js
@@ -27,7 +27,7 @@ class Theme {
     this.primaryBorderColor = mkBorder(this.primaryColor, this.darkMode);
     // dark
 
-    this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
+    this.fontFamily = 'arial, sans-serif';
     this.fontSize = '14px';
 
     // Neo-specific