Add dark mode (only available with prefers-color-scheme currently)

1 files changed, 18 insertions, 0 deletions

diff --git a/sass/src/common/index.scss b/sass/src/common/index.scss
new file mode 100644
index 0000000..1a47a11
--- /dev/null
+++ b/sass/src/common/index.scss
@@ -0,0 +1,18 @@
+$customColors: (
+  'caution': $error-color,
+  'info': $info-color,
+  'contrast': $off-black,
+);
+
+@each $name, $color in $customColors {
+  .#{$name}-color {
+    background-color: $color;
+  }
+  .#{$name}-color-text {
+    color: $color;
+  }
+}
+
+html {
+  background-color: $bg-color;
+}