Fix dark mode background across chrome and firefox

2021-08-01 01:03:13 -04:00
parent ee40b651a9
commit a617232868
4 changed files with 54 additions and 39 deletions
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -47,18 +47,20 @@
    {% seo %}
  </head>
  <body>
-    <canvas id="magic"></canvas>
-    <div class="container">
-      {{ content }}
-    </div>
-    <div class="theme-toggle">
-      <dark-mode-toggle
-        id="dark-mode-toggle-1"
-        appearance="toggle"
-        light="Dark"
-        dark="Light"
-        permanent
-      ></dark-mode-toggle>
+    <div class"root">
+      <canvas id="magic"></canvas>
+      <div class="container">
+        {{ content }}
+      </div>
+      <div class="theme-toggle">
+        <dark-mode-toggle
+          id="dark-mode-toggle-1"
+          appearance="toggle"
+          light="Dark"
+          dark="Light"
+          permanent
+        ></dark-mode-toggle>
+      </div>
    </div>
  </body>
 </html>