diff options
| author | PikuZheng <cba321123@gmail.com> | 2021-12-11 10:49:54 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-12-11 10:49:54 +0800 |
| commit | b9772523386420a7091c2e958eaa53e91f0b9cbc (patch) | |
| tree | 58561e72d2d7101177cf1a5057e790009aac4b44 /ui/src/styles.sass | |
| parent | Merge pull request #86 from omeryagmurlu/master (diff) | |
| download | metube-b9772523386420a7091c2e958eaa53e91f0b9cbc.tar.gz metube-b9772523386420a7091c2e958eaa53e91f0b9cbc.tar.bz2 metube-b9772523386420a7091c2e958eaa53e91f0b9cbc.zip | |
add a simple dark theme with OS theme
It will invert the color to make it look dark if your OS selects dark mode. (eg. Windows 10 Settings - Personalization - Colors - App Mode - Dark
#81
Diffstat (limited to 'ui/src/styles.sass')
| -rw-r--r-- | ui/src/styles.sass | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/ui/src/styles.sass b/ui/src/styles.sass index 5d54ecb..cb052ca 100644 --- a/ui/src/styles.sass +++ b/ui/src/styles.sass @@ -1,4 +1,4 @@ /* You can add global styles to this file, and also import other style files */ - +@media(prefers-color-scheme: dark){html{filter:invert(1) hue-rotate(180deg)};} /* Importing Bootstrap SCSS file. */ @import '~bootstrap/scss/bootstrap' |