marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-19 23:39:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

Set default font family to arial for all themes

Browse Source
This commit is contained in:
Saurabh Gore
2025-01-27 19:24:29 +05:30
parent 463d42b86d
commit aa28880be7
10 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -24,7 +24,7 @@ class Theme {
this.strokeWidth = 1; this.strokeWidth = 1;
// dark // dark
this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif'; this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
this.fontSize = '14px'; this.fontSize = '14px';
this.useGradient = true; this.useGradient = true;
this.dropShadow = 'drop-shadow( 1px 2px 2px rgba(185,185,185,1))'; this.dropShadow = 'drop-shadow( 1px 2px 2px rgba(185,185,185,1))';

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

@@ -24,7 +24,7 @@ class Theme {
this.border1 = '#ccc'; this.border1 = '#ccc';
this.border2 = rgba(255, 255, 255, 0.25); this.border2 = rgba(255, 255, 255, 0.25);
this.arrowheadColor = 'calculated'; this.arrowheadColor = 'calculated';
this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif'; this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
this.fontSize = '14px'; this.fontSize = '14px';
this.labelBackground = '#181818'; this.labelBackground = '#181818';
this.textColor = '#ccc'; this.textColor = '#ccc';

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

@@ -33,7 +33,7 @@ class Theme {
this.primaryBorderColor = mkBorder(this.primaryColor, this.darkMode); this.primaryBorderColor = mkBorder(this.primaryColor, this.darkMode);
this.border2 = '#aaaa33'; this.border2 = '#aaaa33';
this.arrowheadColor = '#333333'; this.arrowheadColor = '#333333';
this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif'; this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
this.fontSize = '14px'; this.fontSize = '14px';
this.labelBackground = 'rgba(232,232,232, 0.8)'; this.labelBackground = 'rgba(232,232,232, 0.8)';
this.textColor = '#333'; this.textColor = '#333';

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

@@ -18,7 +18,7 @@ class Theme {
this.border1 = '#13540c'; this.border1 = '#13540c';
this.border2 = '#6eaa49'; this.border2 = '#6eaa49';
this.arrowheadColor = 'green'; this.arrowheadColor = 'green';
this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif'; this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
this.fontSize = '14px'; this.fontSize = '14px';
this.tertiaryColor = lighten('#cde498', 10); this.tertiaryColor = lighten('#cde498', 10);

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

@@ -27,7 +27,7 @@ class Theme {
this.primaryBorderColor = mkBorder(this.primaryColor, this.darkMode); this.primaryBorderColor = mkBorder(this.primaryColor, this.darkMode);
// dark // dark
this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif'; this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
this.fontSize = '14px'; this.fontSize = '14px';
// Neo-specific // Neo-specific

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

@@ -30,7 +30,7 @@ class Theme {
this.border1 = '#ccc'; this.border1 = '#ccc';
this.border2 = rgba(255, 255, 255, 0.25); this.border2 = rgba(255, 255, 255, 0.25);
this.arrowheadColor = invert(this.background); this.arrowheadColor = invert(this.background);
this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif'; this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
this.fontSize = '14px'; this.fontSize = '14px';
this.labelBackground = '#181818'; this.labelBackground = '#181818';
this.textColor = '#ccc'; this.textColor = '#ccc';
@@ -43,7 +43,7 @@ class Theme {
this.THEME_COLOR_LIMIT = 12; this.THEME_COLOR_LIMIT = 12;
// dark // dark
this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif'; this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
this.fontSize = '14px'; this.fontSize = '14px';
// Neo-specific // Neo-specific

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

@@ -26,7 +26,7 @@ class Theme {
this.primaryBorderColor = mkBorder(this.primaryColor, this.darkMode); this.primaryBorderColor = mkBorder(this.primaryColor, this.darkMode);
// dark // dark
this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif'; this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
this.fontSize = '14px'; this.fontSize = '14px';
// Neo-specific // Neo-specific

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

@@ -39,7 +39,7 @@ class Theme {
this.critical = '#d42'; this.critical = '#d42';
this.done = '#bbb'; this.done = '#bbb';
this.arrowheadColor = '#333333'; this.arrowheadColor = '#333333';
this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif'; this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
this.fontSize = '14px'; this.fontSize = '14px';
this.THEME_COLOR_LIMIT = 12; this.THEME_COLOR_LIMIT = 12;
this.radius = 5; this.radius = 5;

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

@@ -30,7 +30,7 @@ class Theme {
this.border1 = '#ccc'; this.border1 = '#ccc';
this.border2 = rgba(255, 255, 255, 0.25); this.border2 = rgba(255, 255, 255, 0.25);
this.arrowheadColor = invert(this.background); this.arrowheadColor = invert(this.background);
this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif'; this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
this.fontSize = '14px'; this.fontSize = '14px';
this.labelBackground = '#181818'; this.labelBackground = '#181818';
this.textColor = '#ccc'; this.textColor = '#ccc';
@@ -43,7 +43,7 @@ class Theme {
this.THEME_COLOR_LIMIT = 12; this.THEME_COLOR_LIMIT = 12;
// dark // dark
this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif'; this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
this.fontSize = '14px'; this.fontSize = '14px';
// Neo-specific // Neo-specific

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

@@ -27,7 +27,7 @@ class Theme {
this.primaryBorderColor = mkBorder(this.primaryColor, this.darkMode); this.primaryBorderColor = mkBorder(this.primaryColor, this.darkMode);
// dark // dark
this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif'; this.fontFamily = 'arial, "trebuchet ms", verdana, sans-serif';
this.fontSize = '14px'; this.fontSize = '14px';
// Neo-specific // Neo-specific