diff options
author | Alex Shpak <alex-shpak@users.noreply.github.com> | 2020-09-14 00:02:55 +0200 |
---|---|---|
committer | Alex Shpak <alex-shpak@users.noreply.github.com> | 2020-09-14 00:02:55 +0200 |
commit | 4e34988b5db9f4e78e1d27458e867be9a8f2db84 (patch) | |
tree | d0de0934017cd76493106c7af346f2373dda5518 /assets/themes | |
parent | 6beca7928c20364462859f5af57da6182582d14c (diff) |
#151, move SCSS vars to CSS vars, implement dark and light modes by browser preference
Diffstat (limited to 'assets/themes')
-rw-r--r-- | assets/themes/_auto.scss | 9 | ||||
-rw-r--r-- | assets/themes/_dark.scss | 3 | ||||
-rw-r--r-- | assets/themes/_light.scss | 3 |
3 files changed, 15 insertions, 0 deletions
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; +} |