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

dark theme fixes

Browse Source
This commit is contained in:
Knut Sveidqvist
2020-07-26 12:13:06 +02:00
parent 8dd0fe3c40
commit 3fb3453166
3 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,7 +1,7 @@
$mainBkg: #1f2020; $mainBkg: #1f2020;
$secondBkg: lighten(#1f2020, 16); $secondBkg: lighten(#1f2020, 16);
$mainContrastColor: lightgrey; $mainContrastColor: lightgrey;
$darkTextColor: #323D47; $darkTextColor: #fefefe;
$lineColor: $mainContrastColor; $lineColor: $mainContrastColor;
$border1: #81B1DB; $border1: #81B1DB;
$border2: rgba(255, 255, 255, 0.25); $border2: rgba(255, 255, 255, 0.25);
@@ -58,7 +58,7 @@ $taskTextDarkColor: $darkTextColor;
$todayLineColor: #DB5757; $todayLineColor: #DB5757;
/* state colors */ /* state colors */
$labelColor: black; $labelColor: #f4f4f4;
$errorBkgColor: #a44141; $errorBkgColor: #a44141;
$errorTextColor: #ddd; $errorTextColor: #ddd;

5
src/themes/flowchart.scss
View File

@@ -5,7 +5,7 @@
} }
.label text { .label text {
fill: #333; fill: $titleColor;
} }
.node rect, .node rect,
@@ -20,6 +20,7 @@
.node .label { .node .label {
text-align: center; text-align: center;
fill: $titleColor;
} }
.node.clickable { .node.clickable {
cursor: pointer; cursor: pointer;
@@ -42,7 +43,7 @@
.edgeLabel { .edgeLabel {
background-color: $edgeLabelBackground; background-color: $edgeLabelBackground;
rect { rect {
opacity: 0.5; opacity: 0.3;
} }
text-align: center; text-align: center;
} }

10
src/themes/state.scss
View File

@@ -7,10 +7,14 @@ g.stateGroup text {
} }
g.stateGroup text { g.stateGroup text {
fill: $nodeBorder; fill: $nodeBorder;
fill: $titleColor;
stroke: none; stroke: none;
font-size: 10px; font-size: 10px;
} }
g.statediagram-cluster .cluster-label text {
fill: $titleColor;
}
g.stateGroup .state-title { g.stateGroup .state-title {
font-weight: bolder; font-weight: bolder;
fill: $labelColor; fill: $labelColor;
@@ -57,7 +61,11 @@ g.stateGroup line {
stroke: none; stroke: none;
stroke-width: 0; stroke-width: 0;
fill: $nodeBkg; fill: $nodeBkg;
opacity: 0.5; opacity: 0.7;
}
.edgeLabel text {
fill: #333;
} }
.stateLabel text { .stateLabel text {