summaryrefslogtreecommitdiff
path: root/sass/src/dark
diff options
context:
space:
mode:
authormarudor <marudor@marudor.de>2019-05-16 15:02:17 +0200
committermarudor <marudor@marudor.de>2019-05-16 15:04:08 +0200
commit5c2388d3a2092505aff9f7b2e78e561c4db65385 (patch)
treea4a469baef25b98c3a33125ac8a65334775c7ec8 /sass/src/dark
parentb85db3a10df32cb2648607c83d37160ac3ee8691 (diff)
Add dark mode (only available with prefers-color-scheme currently)
Diffstat (limited to 'sass/src/dark')
-rw-r--r--sass/src/dark/_variables.scss18
-rw-r--r--sass/src/dark/index.scss8
2 files changed, 26 insertions, 0 deletions
diff --git a/sass/src/dark/_variables.scss b/sass/src/dark/_variables.scss
new file mode 100644
index 0000000..fb64911
--- /dev/null
+++ b/sass/src/dark/_variables.scss
@@ -0,0 +1,18 @@
+$bg-color: color('grey', 'darken-4') !default;
+$info-color: color('yellow', 'darken-4');
+
+$off-black: color('shades', 'white');
+
+$primary-color: color('materialize-red', 'darken-2');
+$secondary-color: color('teal', 'darken-2');
+$link-color: color('light-blue', 'darken-1');
+$collection-link-color: color('teal', 'darken-4');
+$success-color: color('green', 'darken-2');
+$error-color: color('red', 'darken-2');
+$input-border-color: $off-black;
+$radio-empty-color: $off-black !default;
+
+$table-striped-color: color('grey', 'darken-3');
+$button-flat-color: $off-black;
+$card-bg-color: color('grey', 'darken-2');
+$card-link-color: $link-color;
diff --git a/sass/src/dark/index.scss b/sass/src/dark/index.scss
new file mode 100644
index 0000000..783a103
--- /dev/null
+++ b/sass/src/dark/index.scss
@@ -0,0 +1,8 @@
+@import '../../node_modules/materialize-css/sass/components/color-variables';
+@import 'variables.scss';
+@import '../../node_modules/materialize-css/sass/materialize.scss';
+@import '../common/index.scss';
+
+html {
+ background-color: $bg-color;
+}