GitHub/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-02-04 07:13:25 +08:00
Code Issues Projects Releases Wiki Activity

Used 'options' instead of 'var(--mermaid-font-family)'

Browse Source
This commit is contained in:
saurabhg772244 2025-01-21 18:27:05 +05:30
parent 46c16c963b
commit ee6fb83265
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,7 +1,7 @@
const getStyles = (options) =>
`
.mermaid-main-font {
font-family: var(--mermaid-font-family), trebuchet ms, verdana, arial, sans-serif;
font-family: ${options.fontFamily};
}
.exclude-range {
@ -45,7 +45,7 @@ const getStyles = (options) =>
.sectionTitle {
text-anchor: start;
font-family: var(--mermaid-font-family), trebuchet ms, verdana, arial, sans-serif;
font-family: ${options.fontFamily};
}
@ -86,13 +86,13 @@ const getStyles = (options) =>
.taskText {
text-anchor: middle;
font-family: var(--mermaid-font-family), trebuchet ms, verdana, arial, sans-serif;
font-family: ${options.fontFamily};
}
.taskTextOutsideRight {
fill: ${options.taskTextDarkColor};
text-anchor: start;
font-family: var(--mermaid-font-family), trebuchet ms, verdana, arial, sans-serif;
font-family: ${options.fontFamily};
}
.taskTextOutsideLeft {
@ -248,7 +248,7 @@ const getStyles = (options) =>
text-anchor: middle;
font-size: 18px;
fill: ${options.titleColor || options.textColor};
font-family: var(--mermaid-font-family), trebuchet ms, verdana, arial, sans-serif;
font-family: ${options.fontFamily};
}
`;

4
packages/mermaid/src/diagrams/sankey/styles.js
View File

@ -1,6 +1,6 @@
const getStyles = () =>
const getStyles = (options) =>
`.label {
font-family: var(--mermaid-font-family), trebuchet ms, verdana, arial, sans-serif;
font-family: ${options.fontFamily};
}`;
export default getStyles;

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

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