mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-09-24 09:49:46 +02:00
Updated styles implementation
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
const getStyles = (options) =>
|
||||
`
|
||||
.mermaid-main-font {
|
||||
font-family: ${options.fontFamily ? options.fontFamily : 'Trebuchet MS, Verdana, Arial, sans-serif'};
|
||||
font-family: var(--mermaid-font-family), trebuchet ms, verdana, arial, sans-serif;
|
||||
}
|
||||
|
||||
.exclude-range {
|
||||
@@ -45,7 +45,7 @@ const getStyles = (options) =>
|
||||
|
||||
.sectionTitle {
|
||||
text-anchor: start;
|
||||
font-family: ${options.fontFamily ? options.fontFamily : 'Trebuchet MS, Verdana, Arial, sans-serif'};
|
||||
font-family: var(--mermaid-font-family), trebuchet ms, verdana, arial, sans-serif;
|
||||
}
|
||||
|
||||
|
||||
@@ -58,7 +58,7 @@ const getStyles = (options) =>
|
||||
}
|
||||
|
||||
.grid .tick text {
|
||||
font-family: ${options.fontFamily ? options.fontFamily : 'Trebuchet MS, Verdana, Arial, sans-serif'};
|
||||
font-family: var(--mermaid-font-family), trebuchet ms, verdana, arial, sans-serif;
|
||||
fill: ${options.textColor};
|
||||
}
|
||||
|
||||
@@ -86,13 +86,13 @@ const getStyles = (options) =>
|
||||
|
||||
.taskText {
|
||||
text-anchor: middle;
|
||||
font-family: ${options.fontFamily ? options.fontFamily : 'Trebuchet MS, Verdana, Arial, sans-serif'};
|
||||
font-family: var(--mermaid-font-family), trebuchet ms, verdana, arial, sans-serif;
|
||||
}
|
||||
|
||||
.taskTextOutsideRight {
|
||||
fill: ${options.taskTextDarkColor};
|
||||
text-anchor: start;
|
||||
font-family: ${options.fontFamily ? options.fontFamily : 'Trebuchet MS, Verdana, Arial, sans-serif'};
|
||||
font-family: var(--mermaid-font-family), trebuchet ms, verdana, arial, sans-serif;
|
||||
}
|
||||
|
||||
.taskTextOutsideLeft {
|
||||
@@ -248,7 +248,7 @@ const getStyles = (options) =>
|
||||
text-anchor: middle;
|
||||
font-size: 18px;
|
||||
fill: ${options.titleColor || options.textColor};
|
||||
font-family: ${options.fontFamily ? options.fontFamily : 'Trebuchet MS, Verdana, Arial, sans-serif'};
|
||||
font-family: var(--mermaid-font-family), trebuchet ms, verdana, arial, sans-serif;
|
||||
}
|
||||
`;
|
||||
|
||||
|
@@ -1,6 +1,6 @@
|
||||
const getStyles = (options) =>
|
||||
const getStyles = () =>
|
||||
`.label {
|
||||
font-family: ${options.fontFamily ? options.fontFamily : 'Trebuchet MS, Verdana, Arial, sans-serif'};
|
||||
font-family: var(--mermaid-font-family), trebuchet ms, verdana, arial, sans-serif;
|
||||
}`;
|
||||
|
||||
export default getStyles;
|
||||
|
@@ -1,6 +1,6 @@
|
||||
const getStyles = (options) =>
|
||||
`.label {
|
||||
font-family: ${options.fontFamily ? options.fontFamily : 'Trebuchet MS, Verdana, Arial, sans-serif'};
|
||||
font-family: var(--mermaid-font-family), trebuchet ms, verdana, arial, sans-serif;
|
||||
color: ${options.textColor};
|
||||
}
|
||||
.mouth {
|
||||
@@ -78,7 +78,7 @@ const getStyles = (options) =>
|
||||
text-align: center;
|
||||
max-width: 200px;
|
||||
padding: 2px;
|
||||
font-family: ${options.fontFamily ? options.fontFamily : 'Trebuchet MS, Verdana, Arial, sans-serif'};
|
||||
font-family: var(--mermaid-font-family), trebuchet ms, verdana, arial, sans-serif;
|
||||
font-size: 12px;
|
||||
background: ${options.tertiaryColor};
|
||||
border: 1px solid ${options.border2};
|
||||
|
Reference in New Issue
Block a user