From 522c9d41dd3ab210509d007c047f942110994fab Mon Sep 17 00:00:00 2001
From: Ahmed Abdelhalim <pm@a14m.dev>
Date: Tue, 4 May 2021 22:57:19 +0200
Subject: Add prefers color scheme styling for dark mode

---
 app/base.styl | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/app/base.styl b/app/base.styl
index 98a18a6..317a625 100644
--- a/app/base.styl
+++ b/app/base.styl
@@ -1,11 +1,20 @@
-baseColor = #000000
-backgroundColor = #FFFFFF
-secondaryColor = #DB0A16
-// secondaryColor = #FECE2F
+@media (prefers-color-scheme: dark) {
+  html {
+    color: #FFFFFF
+    background-color: #181818
+  }
+
+}
+
+@media (prefers-color-scheme: light) {
+  html {
+    color: #000000
+    background-color: #FFFFFF
+  }
+}
 
 body {
   font-family: "PT Sans"
-  color: baseColor
   max-width: 1024px
   min-width: 375px
   margin: 0 auto !important
@@ -21,7 +30,7 @@ main {
 a:link, a:visited, a:hover, a:active {
   text-decoration: none
   color: inherit
-  border-bottom: 1px solid secondaryColor
+  border-bottom: 1px solid #DB0A16
 }
 
 // Header section styling
-- 
cgit v1.2.3