From f0ed170b040c2ac16f12da9d0d8a272991ab1e21 Mon Sep 17 00:00:00 2001
From: Knut Sveidqvist <knut@sveido.com>
Date: Mon, 27 Jul 2020 11:51:20 +0200
Subject: [PATCH] #1542 Setting up base theme for custom theming

---
 cypress/platform/showcase_base.html | 10 +++++-----
 src/diagrams/state/styles.js        |  2 +-
 src/themes/index.js                 |  2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

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';