fix: Fixes Light theme: very low contrast #9

Signed-off-by: simonsan <[email protected]>

Author: simonsan

templates/_variables.html

@@ -1,19 +1,46 @@
 <style>
     :root {
-        --primary-color: #382929;
-        --primary-text-color: #d7d7d7;
-        --primary-text-color-over: #FFF;
-        --primary-link-color: #9b9b9b;
-        --secondary-color: #282828;
-        --secondary-text-color: #f2f2f2;
-        --navbar-background-color-hover: #362525;
-        --toc-highlight-text-color: #f2f2f2;
-        --toc-background-color: #3a3a3a;
-        --code-color: black;
+        /* Primary theme color */
+        --primary-color: #FEB33F;
+        /* Primary theme text color */
+        --primary-text-color: #543631;
+        --primary-text-color-over: #000;
+        /* Primary theme link color */
+        --primary-link-color: #d09a07;
+        /* Secondary color: the background body color */
+        --secondary-color: #fcfaf6;
+        --secondary-text-color: #303030;
+        /* Highlight text color of table of content */
+        --toc-highlight-text-color: #d46e13;
+        --toc-background-color: white;
+        --code-color: #4a4a4a;
         --code-background-color: white;
 
-        --shadow-color: #202020;
+        --shadow-color: #7a7a7a;
+
+        /* Font used for headers (h1 & h2) */
         --header-font-family: "Fira Sans", sans-serif;
+        /* Font used for text */
         --text-font-family: "Fira Sans", sans-serif;
     }
+
+    @media (prefers-color-scheme: dark) {
+        :root {
+            --primary-color: #382929;
+            --primary-text-color: #d7d7d7;
+            --primary-text-color-over: #FFF;
+            --primary-link-color: #9b9b9b;
+            --secondary-color: #282828;
+            --secondary-text-color: #f2f2f2;
+            --navbar-background-color-hover: #362525;
+            --toc-highlight-text-color: #f2f2f2;
+            --toc-background-color: #3a3a3a;
+            --code-color: black;
+            --code-background-color: white;
+
+            --shadow-color: #202020;
+            --header-font-family: "Fira Sans", sans-serif;
+            --text-font-family: "Fira Sans", sans-serif;
+        }
+    }
 </style>