diff --git a/cypress/platform/knsv.html b/cypress/platform/knsv.html
index 5ee99afd5..25e32bfca 100644
--- a/cypress/platform/knsv.html
+++ b/cypress/platform/knsv.html
@@ -92,7 +92,7 @@ sequenceDiagram
           // console.error('Mermaid error: ', err);
         };
       mermaid.initialize({
-        theme: 'neutral',
+        theme: 'dark',
         arrowMarkerAbsolute: true,
         // themeCSS: '.edgePath .path {stroke: red;} .arrowheadPath {fill: red;}',
         logLevel: 0,
diff --git a/src/themes/theme-base.js b/src/themes/theme-base.js
index ed4a68bef..4ca50f1f1 100644
--- a/src/themes/theme-base.js
+++ b/src/themes/theme-base.js
@@ -111,7 +111,7 @@ class Theme {
 
     /* state colors */
     this.transitionColor = this.transitionColor || this.lineColor;
-    this.transitionLabelColor = this.labelColor || this.textColor;
+    this.transitionLabelColor = this.transitionLabelColor || this.textColor;
     /* The color of the text tables of the tstates*/
     this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor;
 
diff --git a/src/themes/theme-default.js b/src/themes/theme-default.js
index 59bb899bc..c29f7ada3 100644
--- a/src/themes/theme-default.js
+++ b/src/themes/theme-default.js
@@ -140,7 +140,7 @@ class Theme {
 
     /* state colors */
     this.transitionColor = this.transitionColor || this.lineColor;
-    this.transitionLabelColor = this.labelColor || this.textColor;
+    this.transitionLabelColor = this.transitionLabelColor || this.textColor;
     this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor;
 
     this.stateBkg = this.stateBkg || this.mainBkg;
diff --git a/src/themes/theme-forest.js b/src/themes/theme-forest.js
index 2eb4621e2..1b962a1bd 100644
--- a/src/themes/theme-forest.js
+++ b/src/themes/theme-forest.js
@@ -110,7 +110,7 @@ class Theme {
 
     /* state colors */
     this.transitionColor = this.transitionColor || this.lineColor;
-    this.transitionLabelColor = this.labelColor || this.textColor;
+    this.transitionLabelColor = this.transitionLabelColor || this.textColor;
     this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor;
 
     this.stateBkg = this.stateBkg || this.mainBkg;
diff --git a/src/themes/theme-neutral.js b/src/themes/theme-neutral.js
index 5748994e2..54060ef3b 100644
--- a/src/themes/theme-neutral.js
+++ b/src/themes/theme-neutral.js
@@ -147,7 +147,7 @@ class Theme {
 
     /* state colors */
     this.transitionColor = this.transitionColor || '#000';
-    this.transitionLabelColor = this.labelColor || this.textColor;
+    this.transitionLabelColor = this.transitionLabelColor || this.textColor;
     this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor;
 
     this.stateBkg = this.stateBkg || this.mainBkg;