diff --git a/assets/styles/custom.scss b/assets/styles/custom.scss
index cd0624edb..951367f45 100644
--- a/assets/styles/custom.scss
+++ b/assets/styles/custom.scss
@@ -1,17 +1,5 @@
 // Add your own CSS here!
 :root {
-  --light: #faf8f8;
-  --dark: #141021;
-  --secondary: #284b63;
-  --tertiary: #84a59d;
-  --visited: #afbfc9;
-  --primary: #f28482;
-  --gray: #4e4e4e;
-  --lightgray: #f0f0f0;
-  --outlinegray: #dadada;
-}
-
-[saved-theme="dark"] {
   --light: #1e1e21 !important;
   --dark: #fbfffe !important;
   --secondary: #6b879a !important;
@@ -23,6 +11,18 @@
   --outlinegray: #343434 !important;
 }
 
+[saved-theme="dark"] {
+  --light: #faf8f8;
+  --dark: #141021;
+  --secondary: #284b63;
+  --tertiary: #84a59d;
+  --visited: #afbfc9;
+  --primary: #f28482;
+  --gray: #4e4e4e;
+  --lightgray: #f0f0f0;
+  --outlinegray: #dadada;
+}
+
 :root {
     --text-accent: rgb(238, 27, 231);
   --background-primary-alt: #000;
diff --git a/assets/styles/darkmode.scss b/assets/styles/darkmode.scss
index 61967d797..08de0ff26 100644
--- a/assets/styles/darkmode.scss
+++ b/assets/styles/darkmode.scss
@@ -41,4 +41,4 @@
   & > #nightIcon {
     opacity: 0;
   }
-}
\ No newline at end of file
+}
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 07c8e8312..dfc765bb0 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -23,6 +23,10 @@
     {{$finalCss := $css | resources.Concat "styles.css" | resources.Fingerprint "md5" | resources.Minify  }}
     <link href="{{$finalCss.Permalink}}" rel="stylesheet">
 
+<!--    {{ $darkMode := resources.Get "js/darkmode.js" |  resources.Fingerprint "md5" | resources.Minify }}-->
+<!--    <script src="{{$darkMode.Permalink}}"></script>-->
+    {{partial "katex.html" .}}
+
     <!--  Preload page vars  -->
     {{$linkIndex := resources.Get "indices/linkIndex.json" | resources.Fingerprint "md5" | resources.Minify |  }}
     {{$contentIndex := resources.Get "indices/contentIndex.json" | resources.Fingerprint "md5" | resources.Minify }}