fix dark theme loop labels not visible

* fix loop label text forced to black, ignoring styles
* fix styles that were being ignored

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,

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;

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;

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;

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;

src/themes/sequence.scss

@@ -49,7 +49,7 @@ text.actor {
 }
 
 .loopText {
-  fill: $labelTextColor;
+  fill: $loopTextColor;
   stroke: none;
 }