Support light theme

aliftype · Oct 25, 2024 · 320e462 · 320e462
1 parent 99f9ba5
commit 320e462
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/docs/assets/css/style.scss b/docs/assets/css/style.scss
@@ -24,8 +24,13 @@
 }
 
 :root {
+  color-scheme: light dark;
+  --body-background-color: light-dark(#FFFAED, black);
+  --body-color: light-dark(black, lightgray);
   --kufi-family: "Raqq", serif;
-  --kufi-color: #DFDFDF;
+  --kufi-color: light-dark(black, #DFDFDF);
+  --download-background-color: light-dark(black, #F4F4F4);
+  --download-color: light-dark(#FFFAED, #676767);
   --title-family: "Rana Kufi", serif;
   --main-family: "Amiri", serif;
   --heading-family: "Reem Kufi", sans-serif;
@@ -48,8 +53,8 @@ body {
   font-size: 14pt;
   font-weight: 400;
   font-variant-numeric: proportional-nums;
-  background-color: black;
-  color: lightgray;
+  background-color: var(--body-background-color);
+  color: var(--body-color);
   max-width: 1240px;
   padding: 0 15px;
   margin: 50px auto;
@@ -171,15 +176,15 @@ footer p {
 }
 
 .downloads {
-  background: #f4f4f4;
+  background: var(--download-background-color);
   border-radius: 35px;
   border: 1px solid #e0e0e0;
 }
 
 .downloads a {
   line-height: 200%;
   font-size: 120%;
-  color: #676767;
+  color: var(--download-color);
   text-align: center;
 }