Merge pull request #837 from jnnnnn/master

fix dark theme loop labels not visible
mermaid-js · May 28, 2019 · d742211 · d742211
2 parents 9191663 + c1d252a
commit d742211
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 4 deletions.
diff --git a/src/diagrams/sequence/svgDraw.js b/src/diagrams/sequence/svgDraw.js
@@ -216,7 +216,7 @@ export const getTextObj = function () {
   const txt = {
     x: 0,
     y: 0,
-    'fill': 'black',
+    'fill': undefined,
     'text-anchor': 'start',
     style: '#666',
     width: 100,

diff --git a/src/themes/dark/index.scss b/src/themes/dark/index.scss
@@ -27,7 +27,8 @@ $signalColor: $mainContrastColor;
 $signalTextColor: $mainContrastColor;
 $labelBoxBkgColor: $actorBkg;
 $labelBoxBorderColor: $actorBorder;
-$labelTextColor: $mainContrastColor;
+$labelTextColor: $darkTextColor;
+$loopTextColor: $mainContrastColor;
 $noteBorderColor: $border2;
 $noteBkgColor: #fff5ad;
 $activationBorderColor: #666;

diff --git a/src/themes/default/index.scss b/src/themes/default/index.scss
@@ -26,6 +26,7 @@ $signalTextColor: #333;
 $labelBoxBkgColor: $actorBkg;
 $labelBoxBorderColor: $actorBorder;
 $labelTextColor: $actorTextColor;
+$loopTextColor: $actorTextColor;
 $noteBorderColor: $border2;
 $noteBkgColor: #fff5ad;
 $activationBorderColor: #666;

diff --git a/src/themes/forest/index.scss b/src/themes/forest/index.scss
@@ -27,6 +27,7 @@ $signalTextColor: #333;
 $labelBoxBkgColor: $actorBkg;
 $labelBoxBorderColor: #326932;
 $labelTextColor: $actorTextColor;
+$loopTextColor: $actorTextColor;
 $noteBorderColor: $border2;
 $noteBkgColor: #fff5ad;
 $activationBorderColor: #666;

diff --git a/src/themes/neutral/index.scss b/src/themes/neutral/index.scss
@@ -30,7 +30,8 @@ $signalColor: $text;
 $signalTextColor: $text;
 $labelBoxBkgColor: $actorBkg;
 $labelBoxBorderColor: $actorBorder;
-$labelTextColor: white;
+$labelTextColor: $text;
+$loopTextColor: $text;
 $noteBorderColor: darken($note, 60%);
 $noteBkgColor: $note;
 $activationBorderColor: #666;

diff --git a/src/themes/sequence.scss b/src/themes/sequence.scss
@@ -49,7 +49,7 @@ text.actor {
 }
 
 .loopText {
-  fill: $labelTextColor;
+  fill: $loopTextColor;
   stroke: none;
 }