diff options
| author | Simon Brazell <simon@brazell.com.au> | 2020-05-19 23:11:18 +1000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-05-19 23:11:18 +1000 |
| commit | 348faf91bfcecc7fe2a24c8d38ecc40e5671c8a1 (patch) | |
| tree | bac9a108cc0e577dfbe8c13edc958e344cd41f9c | |
| parent | 5ab0a558e65f5c708cc46162a023d1e31bbc5d14 (diff) | |
| parent | cd5704993bd9bcfaef6012a77d81b17056963696 (diff) | |
| download | privacy-redirect-348faf91bfcecc7fe2a24c8d38ecc40e5671c8a1.tar.gz privacy-redirect-348faf91bfcecc7fe2a24c8d38ecc40e5671c8a1.tar.bz2 privacy-redirect-348faf91bfcecc7fe2a24c8d38ecc40e5671c8a1.zip | |
Merge pull request #46 from TotalCaesar659/dark-mode
Add Dark/Light Mode support
| -rw-r--r-- | pages/styles.css | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/pages/styles.css b/pages/styles.css index 1e9a764..256128a 100644 --- a/pages/styles.css +++ b/pages/styles.css @@ -273,3 +273,17 @@ li { cursor: pointer; border-radius: 50%; } + +@media (prefers-color-scheme: dark) { +body, body.popup, header, h1, input, a#more-options.button, div#general.tabcontent, div#advanced.tabcontent, select, div#whitelist.tabcontent, button#general-tab.tablinks.active, button#advanced-tab.tablinks.active, button#whitelist-tab.tablinks.active { + background-color: #313131; + color: #bfbfbf; +} +} + +@media (prefers-color-scheme: light) { +body, body.popup, header, h1, input, a#more-options.button, div#general.tabcontent, div#advanced.tabcontent, select, div#whitelist.tabcontent, button#general-tab.tablinks.active, button#advanced-tab.tablinks.active, button#whitelist-tab.tablinks.active { + background-color: #ffffff; + color: #000000; +} +} |