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:
commit
91644d1f1d
@ -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);
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user