From b9772523386420a7091c2e958eaa53e91f0b9cbc Mon Sep 17 00:00:00 2001 From: PikuZheng Date: Sat, 11 Dec 2021 10:49:54 +0800 Subject: 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 --- ui/src/styles.sass | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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' -- cgit