WIP: Changed drop-shadow and background of states and composite-states

cypress/platform/per.html

@@ -90,9 +90,16 @@ stateDiagram-v2
     >
 
     <pre id="diagram" class="mermaid">
-      stateDiagram-v2
+      stateDiagram
+        direction LR
+        [*] --> A
+        A --> B
+        B --> C
+        state B {
           direction LR
-          Active --> Passive
+          a --> b
+        }
+        B --> D
 
 
 

packages/mermaid/src/diagrams/state/styles.js

@@ -156,7 +156,7 @@ g.stateGroup line {
 }
 
 .state-shadow {
-  filter: drop-shadow( 1px 1px 2px rgba(0,0,0,.7) );
+  filter: drop-shadow( 0px 1px 1px rgba(0,0,0,.7) );
 }
 
 

packages/mermaid/src/themes/theme-neo.js

@@ -12,10 +12,10 @@ class Theme {
      * - Background - used to know what the background color is of the diagram. This is used for
      *   deducing colors for instance line color. Default value is #f4f4f4.
      */
-    this.background = '#f4f4f4';
+    this.background = '#ffffff';
 
     this.primaryColor = '#cccccc';
-    this.mainBkg = '#f4f4f4';
+    this.mainBkg = '#ffffff';
 
     this.noteBkgColor = '#fff5ad';
     this.noteTextColor = '#333';