GitHub/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-01-28 07:03:17 +08:00
Code Issues Projects Releases Wiki Activity

Theme tweaks

Browse Source
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, // arrowMarkerAbsolute: true,
// themeCSS: '.edgePath .path {stroke: red;} .arrowheadPath {fill: red;}', // themeCSS: '.edgePath .path {stroke: red;} .arrowheadPath {fill: red;}',
logLevel: 0, logLevel: 0,
flowchart: { curve: 'cardinal', "htmlLabels": false }, flowchart: { curve: 'cardinal', "htmlLabels": true },
// gantt: { axisFormat: '%m/%d/%Y' }, // gantt: { axisFormat: '%m/%d/%Y' },
sequence: { actorMargin: 50, showSequenceNumbers: true }, sequence: { actorMargin: 50, showSequenceNumbers: true },
// sequenceDiagram: { actorMargin: 300 } // deprecated // 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; $defaultLinkColor: $lineColor;
$titleColor: #F9FFFE; $titleColor: #F9FFFE;
$edgeLabelBackground: #e8e8e8; $edgeLabelBackground: #e8e8e8;
$edgeLabelcolor: #333;
/* Sequence Diagram variables */ /* Sequence Diagram variables */

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

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

8
src/themes/flowchart.scss
View File

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

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

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

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

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