#2560 Adding dark mode to allowed options in directives

2021-12-15 00:19:04 +01:00 · 2021-12-15 00:19:04 +01:00 · 036f9dc359
parent 9c12502a36
commit 036f9dc359
2 changed files with 13 additions and 1 deletions
--- a/cypress/platform/css1.html
+++ b/cypress/platform/css1.html
@ -12,11 +12,22 @@
  </style>
 </head>
 <body>
-  <div class="mermaid">
+  <div class="mermaid2">
  %%{init: { 'themeCSS': '} * { background: lightblue }' } }%%
  flowchart TD
    a --> b
  </div>
+  <div class="mermaid">
+   %%{init:{"theme":"base", "themeVariables": {"primaryColor":"#411d4e", "titleColor":"white", "darkMode":true}}}%%
+    flowchart LR
+    subgraph A
+        a --> b
+    end
+    subgraph B
+        i -->f
+    end
+    A --> B
+  </div>
  <script src="./mermaid.js"></script>
  <script>
     function showFullFirstSquad(elemName) {
--- a/src/defaultConfig.js
+++ b/src/defaultConfig.js
@ -37,6 +37,7 @@ const config = {
  themeCSS: undefined,
  /* **maxTextSize** - The maximum allowed size of the users text diamgram */
  maxTextSize: 50000,
+  darkMode: false,

  /**
   * | Parameter  | Description                                            | Type   | Required | Values                      |