From 35e81f3fd4f40db73ec06d8b958f0a048c5c627a Mon Sep 17 00:00:00 2001
From: Yokozuna59 <u.yokozuna@gmail.com>
Date: Thu, 15 Jun 2023 02:56:29 +0300
Subject: [PATCH] format and add theme to cypress info.html

---
 cypress/platform/info.html | 14 ++++++++------
 demos/info.html            | 11 +++++------
 2 files changed, 13 insertions(+), 12 deletions(-)
diff --git a/cypress/platform/info.html b/cypress/platform/info.html
index c35446153..1b32fe1d3 100644
--- a/cypress/platform/info.html
+++ b/cypress/platform/info.html
@@ -5,18 +5,20 @@
   <body>
     <h1>info below</h1>
     <pre class="mermaid">
-info
+        info
     </pre>
+
+    <hr />
+    <pre class="mermaid">
+        info showInfo
+    </pre>
+
     <script type="module">
       import mermaid from './mermaid.esm.mjs';
       mermaid.initialize({
         theme: 'forest',
-        // themeCSS: '.node rect { fill: red; }',
         logLevel: 3,
-        flowchart: { curve: 'linear' },
-        gantt: { axisFormat: '%m/%d/%Y' },
-        sequence: { actorMargin: 50 },
-        // sequenceDiagram: { actorMargin: 300 } // deprecated
+        securityLevel: 'loose',
       });
     </script>
   </body>
diff --git a/demos/info.html b/demos/info.html
index 7ef8f40fc..a6b53270d 100644
--- a/demos/info.html
+++ b/demos/info.html
@@ -15,19 +15,18 @@
   <body>
     <h1>Info diagram demos</h1>
     <pre class="mermaid">
-    info
-  </pre
-    >
+        info
+    </pre>
 
     <hr />
     <pre class="mermaid">
-    info showInfo
-  </pre
-    >
+        info showInfo
+    </pre>
 
     <script type="module">
       import mermaid from './mermaid.esm.mjs';
       mermaid.initialize({
+        theme: 'forest',
         logLevel: 3,
         securityLevel: 'loose',
       });
