From 02c3891865c7741b8f772aea75cc01564d2f0ff4 Mon Sep 17 00:00:00 2001
From: amzrk2
Date: Mon, 1 Jun 2020 15:44:04 +0800
Subject: Remove jQuery

---
 assets/scss/_fuji-theme/_base.scss | 63 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 63 insertions(+)
 create mode 100644 assets/scss/_fuji-theme/_base.scss

(limited to 'assets/scss/_fuji-theme/_base.scss')

diff --git a/assets/scss/_fuji-theme/_base.scss b/assets/scss/_fuji-theme/_base.scss
new file mode 100644
index 0000000..d35d8b6
--- /dev/null
+++ b/assets/scss/_fuji-theme/_base.scss
@@ -0,0 +1,63 @@
+@mixin light {
+    --color-mode: 'light';
+    --color-primary: #8aa2d3; // https://irocore.com/aofuji/
+    --color-secondary: #8f82bc; // https://irocore.com/fujimurasaki/
+    --color-focus: #3b469b; // https://irocore.com/aomurasaki/
+    --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/
+    --color-font: #3f4551; // https://irocore.com/konnezu/
+    --color-divider: #e5e2e4; // https://irocore.com/komachinezu/
+    --color-bg: #fffffd; // https://irocore.com/shiro/
+    --color-codebg: #f6f8fa; // GitHub
+}
+
+@mixin dark {
+    --color-mode: 'dark';
+    --color-primary: #8aa2d3; // https://irocore.com/aofuji/
+    --color-secondary: #bab1df; // kai https://irocore.com/fujimurasaki/
+    --color-focus: #e6e6e6; // https://irocore.com/shironezumi/
+    --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/
+    --color-font: #c0c0c0; // https://irocore.com/gin-iro/
+    --color-divider: #4d5158; // Discord
+    --color-bg: #2f3136; // Discord
+    --color-codebg: #414449; // kai GitHub
+}
+
+body[data-theme='auto'] {
+    @include light();
+
+    @media (prefers-color-scheme: dark) {
+        @include dark();
+        @import '_dark-diff'; // things different from light
+    }
+}
+
+body[data-theme='light'] {
+    @include light();
+}
+
+body[data-theme='dark'] {
+    @include dark();
+    @import '_dark-diff'; // things different from light
+}
+
+@mixin link-1 {
+    a {
+        color: var(--color-primary);
+    }
+
+    a:hover {
+        color: var(--color-secondary);
+    }
+}
+
+@mixin link-2 {
+    a {
+        color: var(--color-secondary);
+    }
+
+    a:hover {
+        color: var(--color-focus);
+    }
+}
+
+$divider: 2px solid var(--color-divider);
-- 
cgit v1.2.3