feat(server-jetty): set dark theme by default

bsorrentino · Jul 22, 2024 · c4a06ec · c4a06ec
1 parent df75b6d
commit c4a06ec
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/server-jetty/src/main/js/src/lg4j-graph.js b/server-jetty/src/main/js/src/lg4j-graph.js
@@ -5,11 +5,6 @@ import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
 //const mermaidAPI = mermaid.mermaidAPI;
 
 
-const renderSVG = (diagram) => html`
-  <div>
-  ${unsafeSVG(diagram.svg)}
-  </div>`;
-
 /**
  * WcMermaid
  * @class
@@ -23,6 +18,7 @@ export class LG4jMermaid extends LitElement {
     mermaid.initialize({
       logLevel: 'none',
       startOnLoad: false,
+      theme: 'dark'
     });
 
     this._content = null
@@ -38,6 +34,12 @@ export class LG4jMermaid extends LitElement {
     },
     args: () => [this.#textContent]
   })
+
+  #renderSVG = (diagram) => html`
+  <div>
+  ${unsafeSVG(diagram.svg)}
+  </div>`;
+
   /**
    * @returns {ChildNode[]}
    * @private
@@ -116,7 +118,7 @@ export class LG4jMermaid extends LitElement {
 
     return this.#mermaidTask.render({
       pending: () => html`<p>rendering diagram...</p>`,
-      complete: renderSVG,
+      complete: this.#renderSVG,
       error: (e) => html`<p>Error: ${e}</p>`
     });
   }