GitHub/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-01-14 06:43:25 +08:00
Code Issues Projects Releases Wiki Activity

#1767 Add sans-serif to default font settings

Browse Source
This commit is contained in:
Marc Faber 2020-11-17 11:36:34 +01:00
parent 0801047fe6
commit 067f356010
9 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/defaultConfig.js
View File

@ -57,11 +57,11 @@ const config = {
/** /**
*| Parameter | Description |Type | Required | Values| *| Parameter | Description |Type | Required | Values|
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*|fontFamily | specifies the font to be used in the rendered diagrams| String | Required | Verdana, Arial, Trebuchet MS,| *|fontFamily | specifies the font to be used in the rendered diagrams| String | Required | Trebuchet MS, Verdana, Arial, Sans-Serif |
* *
***notes: Default value is \\"trebuchet ms\\". ***notes: Default value is \\"trebuchet ms\\".
*/ */
fontFamily: '"trebuchet ms", verdana, arial;', fontFamily: '"trebuchet ms", verdana, arial, sans-serif;',
/** /**
*| Parameter | Description |Type | Required | Values| *| Parameter | Description |Type | Required | Values|
@ -391,12 +391,12 @@ const config = {
/** /**
*| Parameter | Description |Type | Required | Values| *| Parameter | Description |Type | Required | Values|
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| noteFontFamily| This sets the font family of actor-attached notes. | String | Required | trebuchet ms, verdana, arial | *| noteFontFamily| This sets the font family of actor-attached notes. | String | Required | trebuchet ms, verdana, arial, sans-serif |
* *
***Notes:** ***Notes:**
***Default value: trebuchet ms **. ***Default value: trebuchet ms **.
*/ */
noteFontFamily: '"trebuchet ms", verdana, arial', noteFontFamily: '"trebuchet ms", verdana, arial, sans-serif',
/** /**
* This sets the font weight of the note's description * This sets the font weight of the note's description
* **Default value 400. * **Default value 400.
@ -423,12 +423,12 @@ const config = {
/** /**
*| Parameter | Description |Type | Required | Values| *| Parameter | Description |Type | Required | Values|
*| --- | --- | --- | --- | --- | *| --- | --- | --- | --- | --- |
*| messageFontFamily | This sets the font family of actor messages. | String| Required | trebuchet ms", verdana, aria | *| messageFontFamily | This sets the font family of actor messages. | String| Required | trebuchet ms", verdana, arial, sans-serif |
* *
***Notes:** ***Notes:**
***Default value: "trebuchet ms**. ***Default value: "trebuchet ms**.
*/ */
messageFontFamily: '"trebuchet ms", verdana, arial', messageFontFamily: '"trebuchet ms", verdana, arial, sans-serif',
/** /**
* This sets the font weight of the message's description * This sets the font weight of the message's description
* **Default value 400. * **Default value 400.

10
src/diagrams/gantt/styles.js
View File

@ -1,7 +1,7 @@
const getStyles = options => const getStyles = options =>
` `
.mermaid-main-font { .mermaid-main-font {
font-family: "trebuchet ms", verdana, arial; font-family: "trebuchet ms", verdana, arial, sans-serif;
font-family: var(--mermaid-font-family); font-family: var(--mermaid-font-family);
} }
@ -44,7 +44,7 @@ const getStyles = options =>
text-anchor: start; text-anchor: start;
font-size: 11px; font-size: 11px;
text-height: 14px; text-height: 14px;
font-family: 'trebuchet ms', verdana, arial; font-family: 'trebuchet ms', verdana, arial, sans-serif;
font-family: var(--mermaid-font-family); font-family: var(--mermaid-font-family);
} }
@ -86,7 +86,7 @@ const getStyles = options =>
.taskText { .taskText {
text-anchor: middle; text-anchor: middle;
font-family: 'trebuchet ms', verdana, arial; font-family: 'trebuchet ms', verdana, arial, sans-serif;
font-family: var(--mermaid-font-family); font-family: var(--mermaid-font-family);
} }
@ -98,7 +98,7 @@ const getStyles = options =>
fill: ${options.taskTextDarkColor}; fill: ${options.taskTextDarkColor};
text-anchor: start; text-anchor: start;
font-size: 11px; font-size: 11px;
font-family: 'trebuchet ms', verdana, arial; font-family: 'trebuchet ms', verdana, arial, sans-serif;
font-family: var(--mermaid-font-family); font-family: var(--mermaid-font-family);
} }
@ -253,7 +253,7 @@ const getStyles = options =>
text-anchor: middle; text-anchor: middle;
font-size: 18px; font-size: 18px;
fill: ${options.textColor} ; fill: ${options.textColor} ;
font-family: 'trebuchet ms', verdana, arial; font-family: 'trebuchet ms', verdana, arial, sans-serif;
font-family: var(--mermaid-font-family); font-family: var(--mermaid-font-family);
} }
`; `;

2
src/diagrams/git/styles.js
View File

@ -5,7 +5,7 @@ const getStyles = () =>
.branch-label { .branch-label {
fill: lightgrey; fill: lightgrey;
color: lightgrey; color: lightgrey;
font-family: 'trebuchet ms', verdana, arial; font-family: 'trebuchet ms', verdana, arial, sans-serif;
font-family: var(--mermaid-font-family); font-family: var(--mermaid-font-family);
} }
`; `;

4
src/diagrams/user-journey/styles.js
View File

@ -1,6 +1,6 @@
const getStyles = options => const getStyles = options =>
`.label { `.label {
font-family: 'trebuchet ms', verdana, arial; font-family: 'trebuchet ms', verdana, arial, sans-serif;
font-family: var(--mermaid-font-family); font-family: var(--mermaid-font-family);
color: ${options.textColor}; color: ${options.textColor};
} }
@ -79,7 +79,7 @@ const getStyles = options =>
text-align: center; text-align: center;
max-width: 200px; max-width: 200px;
padding: 2px; padding: 2px;
font-family: 'trebuchet ms', verdana, arial; font-family: 'trebuchet ms', verdana, arial, sans-serif;
font-family: var(--mermaid-font-family); font-family: var(--mermaid-font-family);
font-size: 12px; font-size: 12px;
background: ${options.tertiaryColor}; background: ${options.tertiaryColor};

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

@ -31,7 +31,7 @@ class Theme {
// this.secondaryColor = '#dfdfde'; // this.secondaryColor = '#dfdfde';
// this.tertiaryColor = '#CCCCFF'; // this.tertiaryColor = '#CCCCFF';
this.fontFamily = '"trebuchet ms", verdana, arial'; this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif';
this.fontSize = '16px'; this.fontSize = '16px';
// this.updateColors(); // this.updateColors();
} }

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

@ -24,7 +24,7 @@ class Theme {
this.border1 = '#81B1DB'; this.border1 = '#81B1DB';
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'; this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif';
this.fontSize = '16px'; this.fontSize = '16px';
this.labelBackground = '#181818'; this.labelBackground = '#181818';
this.textColor = '#ccc'; this.textColor = '#ccc';

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

@ -28,7 +28,7 @@ class Theme {
this.border1 = '#9370DB'; this.border1 = '#9370DB';
this.border2 = '#aaaa33'; this.border2 = '#aaaa33';
this.arrowheadColor = '#333333'; this.arrowheadColor = '#333333';
this.fontFamily = '"trebuchet ms", verdana, arial'; this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif';
this.fontSize = '16px'; this.fontSize = '16px';
this.labelBackground = '#e8e8e8'; this.labelBackground = '#e8e8e8';
this.textColor = '#333'; this.textColor = '#333';

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

@ -13,7 +13,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'; this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif';
this.fontSize = '16px'; this.fontSize = '16px';
this.tertiaryColor = lighten('#cde498', 10); this.tertiaryColor = lighten('#cde498', 10);

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

@ -35,7 +35,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'; this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif';
this.fontSize = '16px'; this.fontSize = '16px';
/* Flowchart variables */ /* Flowchart variables */