From 0bcaf5ecaa769c9842cdfa922291a77f1d7e2318 Mon Sep 17 00:00:00 2001
From: yude <yu@yude.moe>
Date: Sun, 7 Jun 2020 08:37:28 +0900
Subject: [PATCH] preferable color scheme

---
 public/index.html | 28 +++++++++++++++++++++++-----
 1 file changed, 23 insertions(+), 5 deletions(-)

diff --git a/public/index.html b/public/index.html
index 307226f..34e0aef 100644
--- a/public/index.html
+++ b/public/index.html
@@ -11,12 +11,32 @@
     <title>yude.moe</title>
     <style>
         body {
-            background-color: black;
-            color: white;
             text-align: center;
             font-family: 'Roboto Mono', monospace;
         }
 
+        @media (prefers-color-scheme: dark) {
+            body {
+                background-color: black;
+                color: white;
+            }
+
+            a {
+                color: white
+            }
+        }
+
+        @media (prefers-color-scheme: light) {
+            body {
+                background-color: white;
+                color: black
+            }
+
+            a {
+                color: black
+            }
+        }
+
         .flex {
             padding: 2.5% 0;
             display: flex;
@@ -30,9 +50,7 @@
             text-align: center;
         }
 
-        a {
-            color: white
-        }
+
 
         .load {
             -webkit-animation: spin 4s linear infinite;