From f275d9ec5f1282542400e311fa7f646706a6f991 Mon Sep 17 00:00:00 2001
From: Ming Tsay <mt@mingtsay.tw>
Date: Tue, 22 Nov 2022 17:58:38 +0800
Subject: [PATCH] support dark mode

---
 src/App.vue | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/src/App.vue b/src/App.vue
index 815fc0f..02906f7 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -46,4 +46,29 @@ export default {
 footer {
   text-align: center;
 }
+
+* {
+  background-color: whitesmoke;
+  color: black;
+}
+
+a, a:link, a:visited, a:focus, a:hover, a:active {
+  color: steelblue;
+}
+
+a:focus, a:hover, a:active {
+  box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.2);
+}
+
+@media (prefers-color-scheme: dark) {
+  * {
+    background-color: darkslategray;
+    color: white;
+  }
+
+  a, a:link, a:visited, a:focus, a:hover, a:active {
+    color: lightsteelblue;
+  }
+
+}
 </style>