aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorPikuZheng <cba321123@gmail.com>2021-12-11 10:49:54 +0800
committerGitHub <noreply@github.com>2021-12-11 10:49:54 +0800
commitb9772523386420a7091c2e958eaa53e91f0b9cbc (patch)
tree58561e72d2d7101177cf1a5057e790009aac4b44
parentMerge pull request #86 from omeryagmurlu/master (diff)
downloadmetube-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
-rw-r--r--ui/src/styles.sass2
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'
bgstack15