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

#1542 Theme adjustments

Browse Source
This commit is contained in:
Knut Sveidqvist
2020-07-19 21:10:52 +02:00
parent 4d280ff010
commit 91da46dd63
14 changed files with 1505 additions and 1091 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/diagrams/flowchart/styles.js
View File

@@ -1,11 +1,11 @@
const getStyles = options =>
`.label {
font-family: ${options.fontFamily};
color: #333;
color: ${options.textColor};
}
.label text {
fill: #333;
fill: ${options.textColor};
}
.node rect,

22
src/diagrams/state/styles.js
View File

@@ -7,7 +7,7 @@ const getStyles = options =>
font-family: var(--mermaid-font-family);
}
g.stateGroup text {
fill: ${options.nodeBorder};
fill: ${options.textColor};
stroke: none;
font-size: 10px;
@@ -34,7 +34,7 @@ g.stateGroup line {
}
.stateGroup .composit {
fill: white;
fill: ${options.background};
border-bottom: 1px
}
@@ -93,6 +93,11 @@ g.stateGroup line {
stroke: ${options.nodeBorder};
stroke-width: 1px;
}
.cluster-label, .nodeLabel {
color: ${options.textColor};
}
.statediagram-cluster rect.outer {
rx: 5px;
ry: 5px;
@@ -106,7 +111,7 @@ g.stateGroup line {
ry: 5px;
}
.statediagram-cluster.statediagram-cluster .inner {
fill: white;
fill: ${options.background};
}
.statediagram-cluster.statediagram-cluster-alt .inner {
fill: #e0e0e0;
@@ -137,6 +142,17 @@ g.stateGroup line {
rx: 0;
ry: 0;
}
.statediagram-note rect {
fill: ${options.noteBkgColor};
stroke: ${options.noteBorderColor};
stroke-width: 1px;
rx: 0;
ry: 0;
}
.statediagram-note .nodeLabel {
color: ${options.noteTextColor};
}
#dependencyStart, #dependencyEnd {
fill: ${options.nodeBorder};