mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-12-10 22:44:11 +01:00
WIP: Changed drop-shadow and background of states and composite-states
This commit is contained in:
@@ -90,9 +90,16 @@ stateDiagram-v2
|
|||||||
>
|
>
|
||||||
|
|
||||||
<pre id="diagram" class="mermaid">
|
<pre id="diagram" class="mermaid">
|
||||||
stateDiagram-v2
|
stateDiagram
|
||||||
|
direction LR
|
||||||
|
[*] --> A
|
||||||
|
A --> B
|
||||||
|
B --> C
|
||||||
|
state B {
|
||||||
direction LR
|
direction LR
|
||||||
Active --> Passive
|
a --> b
|
||||||
|
}
|
||||||
|
B --> D
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -156,7 +156,7 @@ g.stateGroup line {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.state-shadow {
|
.state-shadow {
|
||||||
filter: drop-shadow( 1px 1px 2px rgba(0,0,0,.7) );
|
filter: drop-shadow( 0px 1px 1px rgba(0,0,0,.7) );
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -12,10 +12,10 @@ class Theme {
|
|||||||
* - Background - used to know what the background color is of the diagram. This is used for
|
* - 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.
|
* deducing colors for instance line color. Default value is #f4f4f4.
|
||||||
*/
|
*/
|
||||||
this.background = '#f4f4f4';
|
this.background = '#ffffff';
|
||||||
|
|
||||||
this.primaryColor = '#cccccc';
|
this.primaryColor = '#cccccc';
|
||||||
this.mainBkg = '#f4f4f4';
|
this.mainBkg = '#ffffff';
|
||||||
|
|
||||||
this.noteBkgColor = '#fff5ad';
|
this.noteBkgColor = '#fff5ad';
|
||||||
this.noteTextColor = '#333';
|
this.noteTextColor = '#333';
|
||||||
|
|||||||
Reference in New Issue
Block a user