diff --git a/cypress/platform/showcase_base.html b/cypress/platform/showcase_base.html
index f1d64d89f..cce19c9d3 100644
--- a/cypress/platform/showcase_base.html
+++ b/cypress/platform/showcase_base.html
@@ -41,7 +41,7 @@
     <h1>Showcases of diagrams</h1>
     <div class="flex flex-wrap">
       <div class="mermaid width height">
-%%{init: {'securityLevel': 'loose', 'theme':'base'}}%%
+%%{init2: {'securityLevel': 'loose', 'theme':'base'}}%%
         graph TD
           A[Christmas] -->|Get money| B(Go shopping)
           B --> C{Let me think}
@@ -58,7 +58,7 @@
           end
       </div>
       <div class="mermaid width height">
-%%{init: {'securityLevel': 'loose', 'theme':'base'}}%%
+%%{init2: {'securityLevel': 'loose', 'theme':'base'}}%%
         flowchart TD
           A[Christmas] -->|Get money| B(Go shopping)
           B --> C{Let me think}
@@ -75,7 +75,7 @@
           end
       </div>
       <div class="mermaid width height" >
-%%{init: {'securityLevel': 'loose', 'theme':'base'}}%%
+%%{init2: {'securityLevel': 'loose', 'theme':'base'}}%%
 
         sequenceDiagram
           autonumber
@@ -123,7 +123,7 @@ gantt
        Add another diagram to demo page    :48h
       </div>
       <div class="mermaid width height2">
-%%{init: {'securityLevel': 'loose', 'theme':'base'}}%%
+%%{init2: {'securityLevel': 'loose', 'theme':'base'}}%%
       stateDiagram
         [*] --> Active
 
@@ -152,7 +152,7 @@ gantt
 
       </div>
       <div class="mermaid width height2">
-%%{init: {'securityLevel': 'loose', 'theme':'base'}}%%
+%%{init2: {'securityLevel': 'loose', 'theme':'base'}}%%
 stateDiagram-v2
         [*] --> Active
 
diff --git a/src/diagrams/state/styles.js b/src/diagrams/state/styles.js
index a233d3593..7cbbd26bd 100644
--- a/src/diagrams/state/styles.js
+++ b/src/diagrams/state/styles.js
@@ -63,7 +63,7 @@ g.stateGroup line {
 
 .edgeLabel .label rect {
   fill: ${options.tertiaryColor};
-  opacity: 0.3;
+  opacity: 0.2;
 }
 .edgeLabel .label text {
   fill: ${options.tertiaryTextColor};
diff --git a/src/themes/index.js b/src/themes/index.js
index e0278447d..d3ee96baf 100644
--- a/src/themes/index.js
+++ b/src/themes/index.js
@@ -1,6 +1,6 @@
 import { getThemeVariables as baseThemeVariables } from './theme-base';
 import { getThemeVariables as darkThemeVariables } from './theme-dark';
-import { getThemeVariables as defaultThemeVariables } from './theme-base';
+import { getThemeVariables as defaultThemeVariables } from './theme-default';
 import { getThemeVariables as forestThemeVariables } from './theme-forest';
 import { getThemeVariables as neutralThemeVariables } from './theme-neutral';