From d1197a5068886d0ddb421e38428a2b4dc8634820 Mon Sep 17 00:00:00 2001
From: EnixCoda <enixcoda@gmail.com>
Date: Thu, 10 Dec 2020 22:22:44 +0800
Subject: [PATCH] feat: detect auto mode

---
 src/styles/dark/export.scss | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/styles/dark/export.scss b/src/styles/dark/export.scss
index 837ca80..8f10ec9 100644
--- a/src/styles/dark/export.scss
+++ b/src/styles/dark/export.scss
@@ -1,6 +1,6 @@
 @use './variables.scss' as variables;
 
-:root[data-color-mode='dark'] {
+@mixin assign {
   --gitako-auto-black: #{variables.$auto-black};
   --gitako-auto-white: #{variables.$auto-white};
   --gitako-auto-gray-0: #{variables.$auto-gray-0};
@@ -566,3 +566,14 @@
   --gitako-ansi-cyan: #{variables.$ansi-cyan};
   --gitako-ansi-cyan-bright: #{variables.$ansi-cyan-bright};
 }
+
+// How to merge the selectors?
+// Is it possible to not have two copy of dark theme variables?
+@media (prefers-color-scheme: dark) {
+  :root[data-color-mode='auto'] {
+    @include assign();
+  }
+}
+:root[data-color-mode='dark'] {
+  @include assign();
+}