Merge pull request #46 from TotalCaesar659/dark-mode

Add Dark/Light Mode support
This commit is contained in:
Simon Brazell 2020-05-19 23:11:18 +10:00 committed by GitHub
commit 348faf91bf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 0 deletions

View File

@ -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;
}
}