diff --git a/cypress/platform/knsv-dark.html b/cypress/platform/knsv-dark.html
new file mode 100644
index 000000000..1f2ed5c32
--- /dev/null
+++ b/cypress/platform/knsv-dark.html
@@ -0,0 +1,158 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+flowchart
+ A --> B & C
+ subgraph apa
+ D --> E
+ end
+
+
+flowchart LR
+ id1(Start)-->id2(Stop)
+ style id1 fill:#f9f,stroke:#333,stroke-width:4px
+ style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5
+
+
+
+
+
+ flowchart LR
+ A:::foo & B:::bar --> C:::foobar
+ classDef foo stroke:#f00
+ classDef bar stroke:#0f0
+ classDef ash color:red
+ class C ash
+ style C stroke:#00f, fill:black
+
+
+
+
+ stateDiagram
+ A:::foo
+ B:::bar --> C:::foobar
+ classDef foo stroke:#f00
+ classDef bar stroke:#0f0
+ style C stroke:#00f, fill:black, color:white
+
+
+
+
+
+
diff --git a/cypress/platform/knsv2.html b/cypress/platform/knsv2.html
index 91414e689..c77e7ec57 100644
--- a/cypress/platform/knsv2.html
+++ b/cypress/platform/knsv2.html
@@ -54,47 +54,38 @@
10px 10px;
background-repeat: repeat; */
}
- .malware {
- position: fixed;
- bottom: 0;
- left: 0;
- right: 0;
- height: 150px;
- background: red;
- color: black;
- display: flex;
- display: flex;
- justify-content: center;
- align-items: center;
- font-family: monospace;
- font-size: 72px;
- }
- /* tspan {
- font-size: 6px !important;
- } */
+ %%{init: {"look": "neo", "theme": "neo","fontFamily": "Arial"} }%%
flowchart
- a_a(Aftonbladet) --> b_b[gorilla]:::apa --> c_c{chimp}:::apa -->a_a
- a_a --> c --> d_d --> c_c
- classDef apa fill:#f9f,stroke:#333,stroke-width:4px;
- class a_a apa;
- click a_a "http://www.aftonbladet.se" "bookmark"
- click c_c callback "new tooltip"
+ A[A really really really super long node] --> B & C
+ subgraph apa
+ D --> E
+ end
-
+
+%%{init: {"look": "neo", "theme": "forest","fontFamily": "Arial", "themeVariables": {
+ "useGradient": true,
+ "gradientStart": '#fff',
+ "gradientStop": '#ccc'
+ }} }%%
+stateDiagram-v2
+ stateId
+
+
flowchart LR
id1(Start)-->id2(Stop)
style id1 fill:#f9f,stroke:#333,stroke-width:4px
style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5
-
+
-
+
flowchart LR
A:::foo & B:::bar --> C:::foobar
classDef foo stroke:#f00
@@ -105,9 +96,9 @@ flowchart LR
-
+
stateDiagram
- A:::foo
+ A:::foo
B:::bar --> C:::foobar
classDef foo stroke:#f00
classDef bar stroke:#0f0
@@ -126,15 +117,17 @@ flowchart LR
alert('A callback was triggered');
};
mermaid.initialize({
- theme: 'neo',
+ theme: 'forest',
+
// handdrawnSeed: 12,
- // look: 'handdrawn',
+ look: 'neo',
// 'elk.nodePlacement.strategy': 'NETWORK_SIMPLEX',
// layout: 'dagre',
// layout: 'elk',
// layout: 'fixed',
// htmlLabels: false,
flowchart: { titleTopMargin: 10 },
+
// fontFamily: 'Caveat',
// fontFamily: 'Kalam',
// fontFamily: 'courier',