diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index b16499d2a..63349d872 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -275,72 +275,72 @@ button:focus {
   // }
 }
 
-body[data-theme="dark"] {
-  background-color: #191b1f;
-  @apply text-gray-300;
-  .post-content-text {
-    @apply text-gray-300;
-  }
-  .brandpanel {
-    background-color: #1072ba !important;
-}
-  .text-gray-700,
-  .text-gray-900 {
-    @apply text-white;
-  }
-  .lg\:shadow-lg {
-    box-shadow: 0 20px 25px -5px rgba(255, 255, 255, 0.1),
-      0 10px 10px -5px rgba(255, 255, 255, 0.04);
-  }
-  .learn-button {
-    background-color: #c4c4c4;
-    @apply text-gray-900;
-    &:hover {
-      @apply bg-gray-300;
-    }
-  }
-  .text-indigo-600 {
-    @apply text-white;
-  }
-  .inset-0,
-  input[type="text"] {
-    background-color: #191b1f;
-  }
-  .bg-white,
+// body[data-theme="dark"] {
+//   background-color: #191b1f;
+//   @apply text-gray-300;
+//   .post-content-text {
+//     @apply text-gray-300;
+//   }
+//   .brandpanel {
+//     background-color: #1072ba !important;
+// }
+//   .text-gray-700,
+//   .text-gray-900 {
+//     @apply text-white;
+//   }
+//   .lg\:shadow-lg {
+//     box-shadow: 0 20px 25px -5px rgba(255, 255, 255, 0.1),
+//       0 10px 10px -5px rgba(255, 255, 255, 0.04);
+//   }
+//   .learn-button {
+//     background-color: #c4c4c4;
+//     @apply text-gray-900;
+//     &:hover {
+//       @apply bg-gray-300;
+//     }
+//   }
+//   .text-indigo-600 {
+//     @apply text-white;
+//   }
+//   .inset-0,
+//   input[type="text"] {
+//     background-color: #191b1f;
+//   }
+//   .bg-white,
    
-  .bg-gray-100,
-  .bg-gray-200 {
-    background-color: #191b1f;
-  }
-  .post-card-excerpt {
-    @apply text-gray-500;
-  }
-  .pagination li {
-    @apply bg-gray-700;
-    @apply text-gray-200;
-    @apply border-gray-600;
-    &:hover {
-      @apply bg-gray-600;
-      @apply text-gray-900;
-    }
-  }
-  .pagination li.border-l-black {
-    @apply border-l-gray-300;
-  }
-  pre {
-    @apply text-gray-500;
-  }
-  .flex-post {
-    @apply border-b-gray-800;
-  }
-  .author-list-item img {
-    border-color: #191b1f;
-  }
-  .author-social {
-    a {
-      &:hover {
-        @apply text-white;
-      }
-    }
-  }
-}
+//   .bg-gray-100,
+//   .bg-gray-200 {
+//     background-color: #191b1f;
+//   }
+//   .post-card-excerpt {
+//     @apply text-gray-500;
+//   }
+//   .pagination li {
+//     @apply bg-gray-700;
+//     @apply text-gray-200;
+//     @apply border-gray-600;
+//     &:hover {
+//       @apply bg-gray-600;
+//       @apply text-gray-900;
+//     }
+//   }
+//   .pagination li.border-l-black {
+//     @apply border-l-gray-300;
+//   }
+//   pre {
+//     @apply text-gray-500;
+//   }
+//   .flex-post {
+//     @apply border-b-gray-800;
+//   }
+//   .author-list-item img {
+//     border-color: #191b1f;
+//   }
+//   .author-social {
+//     a {
+//       &:hover {
+//         @apply text-white;
+//       }
+//     }
+//   }
+// }
diff --git a/src/index.html b/src/index.html
index b6200d0e2..fda558290 100644
--- a/src/index.html
+++ b/src/index.html
@@ -12,38 +12,38 @@
     <script>
         // Add dark / light detection that runs before Vue.js load. Borrowed from overreacted.io
         // for this starter, i used the code from gridsome.org
-        (function () {
-            window.__onThemeChange = function () { };
+        // (function () {
+        //     window.__onThemeChange = function () { };
 
-            function setTheme(newTheme) {
+        //     function setTheme(newTheme) {
 
-                window.__theme = newTheme;
-                preferredTheme = newTheme;
-                document.body.setAttribute('data-theme', newTheme);
+        //         window.__theme = newTheme;
+        //         preferredTheme = newTheme;
+        //         document.body.setAttribute('data-theme', newTheme);
 
-                window.__onThemeChange(newTheme);
-            }
+        //         window.__onThemeChange(newTheme);
+        //     }
 
-            var preferredTheme;
-            try {
-                preferredTheme = localStorage.getItem('theme');
-            } catch (err) { }
+        //     var preferredTheme;
+        //     try {
+        //         preferredTheme = localStorage.getItem('theme');
+        //     } catch (err) { }
 
-            window.__setPreferredTheme = function (newTheme) {
-                setTheme(newTheme);
-                try {
-                    localStorage.setItem('theme', newTheme);
-                } catch (err) { }
-            }
+        //     window.__setPreferredTheme = function (newTheme) {
+        //         setTheme(newTheme);
+        //         try {
+        //             localStorage.setItem('theme', newTheme);
+        //         } catch (err) { }
+        //     }
 
-            var darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
+        //     var darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
 
-            darkQuery.addListener(function (e) {
-                window.__setPreferredTheme(e.matches ? 'dark' : 'light');
-            });
+        //     darkQuery.addListener(function (e) {
+        //         window.__setPreferredTheme(e.matches ? 'dark' : 'light');
+        //     });
 
-            setTheme(preferredTheme || (darkQuery.matches ? 'dark' : 'light'));
-        })();
+        //     setTheme(preferredTheme || (darkQuery.matches ? 'dark' : 'light'));
+        // })();
     </script>
 
     ${app} ${scripts}