From 4e34988b5db9f4e78e1d27458e867be9a8f2db84 Mon Sep 17 00:00:00 2001 From: Alex Shpak Date: Mon, 14 Sep 2020 00:02:55 +0200 Subject: #151, move SCSS vars to CSS vars, implement dark and light modes by browser preference --- assets/themes/_auto.scss | 9 +++++++++ assets/themes/_dark.scss | 3 +++ assets/themes/_light.scss | 3 +++ 3 files changed, 15 insertions(+) create mode 100644 assets/themes/_auto.scss create mode 100644 assets/themes/_dark.scss create mode 100644 assets/themes/_light.scss (limited to 'assets/themes') diff --git a/assets/themes/_auto.scss b/assets/themes/_auto.scss new file mode 100644 index 0000000..31d7f9a --- /dev/null +++ b/assets/themes/_auto.scss @@ -0,0 +1,9 @@ +:root { + @include theme-light; +} + +@media (prefers-color-scheme: dark) { + :root { + @include theme-dark; + } +} diff --git a/assets/themes/_dark.scss b/assets/themes/_dark.scss new file mode 100644 index 0000000..e00e38e --- /dev/null +++ b/assets/themes/_dark.scss @@ -0,0 +1,3 @@ +:root { + @include theme-dark; +} diff --git a/assets/themes/_light.scss b/assets/themes/_light.scss new file mode 100644 index 0000000..8c0e346 --- /dev/null +++ b/assets/themes/_light.scss @@ -0,0 +1,3 @@ +:root { + @include theme-light; +} -- cgit v1.2.3