From f834dba3ffdd4ef8e25a1d1bf0ccd587caaddf3a Mon Sep 17 00:00:00 2001 From: Steph <35910788+huynhicode@users.noreply.github.com> Date: Fri, 2 Aug 2024 08:21:58 -0700 Subject: [PATCH] update gradient colors for neo-dark --- cypress/platform/steph.html | 168 ++++++++++++++++++ packages/mermaid/src/themes/theme-neo-dark.js | 4 +- 2 files changed, 170 insertions(+), 2 deletions(-) create mode 100644 cypress/platform/steph.html diff --git a/cypress/platform/steph.html b/cypress/platform/steph.html new file mode 100644 index 000000000..24cc062b5 --- /dev/null +++ b/cypress/platform/steph.html @@ -0,0 +1,168 @@ + + + + + + + + + + + + + + + + + 
+      %%{init: {"look": "neo", "theme": "neo","fontFamily": "Arial"} }%%
+flowchart
+      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
+    classDef bar stroke:#0f0
+    classDef ash color:red
+    class C ash
+    style C stroke:#00f, fill:black
+
+
+ + 
+flowchart TB
+    c1-->a2
+    subgraph one
+    a1-->a2
+    end
+    subgraph two
+    b1-->b2
+    end
+    subgraph three
+    c1-->c2
+    end
+
+ + 
+stateDiagram-v2
+    [*] --> First
+    state First {
+        [*] --> second
+        second --> [*]
+    }
+
+
+
+ + + + diff --git a/packages/mermaid/src/themes/theme-neo-dark.js b/packages/mermaid/src/themes/theme-neo-dark.js index 3e7fea1f2..8c5e62921 100644 --- a/packages/mermaid/src/themes/theme-neo-dark.js +++ b/packages/mermaid/src/themes/theme-neo-dark.js @@ -50,8 +50,8 @@ class Theme { this.stateBorder = 'none'; this.useGradient = true; - this.gradientStart = '#eb0042'; - this.gradientStop = '#0042eb'; + this.gradientStart = '#0042eb'; + this.gradientStop = '#eb0042'; this.dropShadow = 'drop-shadow( 1px 2px 2px rgba(185,185,185,0.5))'; } updateColors() {