mirrors
/
mermaid
mirror of https://github.com/mermaid-js/mermaid.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Theme tweaks

This commit is contained in:
Knut Sveidqvist 2020-07-26 14:09:48 +02:00
parent 3fb3453166
commit 95b7e4f9ad
12 changed files with 23 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
cypress/platform/showcase_dark.html
View File

@ -201,7 +201,7 @@ gantt
// arrowMarkerAbsolute: true,
// themeCSS: '.edgePath .path {stroke: red;} .arrowheadPath {fill: red;}',
logLevel: 0,
flowchart: { curve: 'cardinal', "htmlLabels": false },
flowchart: { curve: 'cardinal', "htmlLabels": true },
// gantt: { axisFormat: '%m/%d/%Y' },
sequence: { actorMargin: 50, showSequenceNumbers: true },
// sequenceDiagram: { actorMargin: 300 } // deprecated

8
dist/mermaid.core.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/mermaid.core.js.map vendored
View File

File diff suppressed because one or more lines are too long

8
dist/mermaid.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/mermaid.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/mermaid.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/mermaid.min.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
src/themes/dark/index.scss
View File

@ -16,6 +16,7 @@ $clusterBorder: $border2;
$defaultLinkColor: $lineColor;
$titleColor: #F9FFFE;
$edgeLabelBackground: #e8e8e8;
$edgeLabelcolor: #333;
/* Sequence Diagram variables */

1
src/themes/default/index.scss
View File

@ -14,6 +14,7 @@ $clusterBorder: $border2;
$defaultLinkColor: $lineColor;
$titleColor: #333;
$edgeLabelBackground: #e8e8e8;
$edgeLabelcolor: #333;
/* Sequence Diagram variables */

8
src/themes/flowchart.scss
View File

@ -1,7 +1,8 @@
.label {
font-family: 'trebuchet ms', verdana, arial;
font-family: var(--mermaid-font-family);
color: #333;
fill: $titleColor;
color: $titleColor;
}
.label text {
@ -43,9 +44,12 @@
.edgeLabel {
background-color: $edgeLabelBackground;
rect {
opacity: 0.3;
opacity: 0.9;
}
text-align: center;
span {
color: $edgeLabelcolor;
}
}
.cluster rect {

2
src/themes/forest/index.scss
View File

@ -15,7 +15,7 @@ $clusterBorder: $border2;
$defaultLinkColor: $lineColor;
$titleColor: #333;
$edgeLabelBackground: #e8e8e8;
$edgeLabelcolor: #333;
/* Sequence Diagram variables */
$actorBorder: $border1;

1
src/themes/neutral/index.scss
View File

@ -19,6 +19,7 @@ $clusterBorder: $border2;
$defaultLinkColor: $lineColor;
$titleColor: $text;
$edgeLabelBackground: white;
$edgeLabelcolor: #333;
/* Sequence Diagram variables */