Auto merge of #8848 - Serial-ATA:auto-detect-theme, r=xFrednet

Auto-detect preferred colorscheme

changelog: none

This just sets the theme to coal by default if the user prefers dark color schemes.

r? `@xFrednet`
This commit is contained in:
bors 2022-05-21 17:21:12 +00:00
commit 91644d1f1d

View File

@ -343,17 +343,23 @@ function setTheme(theme, store) {
let enableNight = false;
let enableAyu = false;
if (theme == "ayu") {
switch(theme) {
case "ayu":
enableAyu = true;
} else if (theme == "coal" || theme == "navy") {
break;
case "coal":
case "navy":
enableNight = true;
} else if (theme == "rust") {
break;
case "rust":
enableHighlight = true;
} else {
break;
default:
enableHighlight = true;
// this makes sure that an unknown theme request gets set to a known one
theme = "light";
break;
}
document.getElementsByTagName("body")[0].className = theme;
document.getElementById("styleHighlight").disabled = !enableHighlight;
@ -368,4 +374,10 @@ function setTheme(theme, store) {
}
// loading the theme after the initial load
setTheme(localStorage.getItem('clippy-lint-list-theme'), false);
const prefersDark = window.matchMedia("(prefers-color-scheme: dark)");
const theme = localStorage.getItem('clippy-lint-list-theme');
if (prefersDark.matches && !theme) {
setTheme("coal", false);
} else {
setTheme(theme, false);
}