36 lines
1.1 KiB
JavaScript
36 lines
1.1 KiB
JavaScript
window.browser = window.browser || window.chrome
|
|
|
|
import localise from "../../assets/javascripts/localise.js"
|
|
|
|
function changeTheme() {
|
|
return new Promise(resolve => {
|
|
browser.storage.local.get("theme", r => {
|
|
switch (r.theme) {
|
|
case "dark":
|
|
document.body.classList.add("dark-theme")
|
|
document.body.classList.remove("light-theme")
|
|
break
|
|
case "light":
|
|
document.body.classList.add("light-theme")
|
|
document.body.classList.remove("dark-theme")
|
|
break
|
|
default:
|
|
if (matchMedia("(prefers-color-scheme: light)").matches) {
|
|
document.body.classList.add("light-theme")
|
|
document.body.classList.remove("dark-theme")
|
|
} else {
|
|
document.body.classList.add("dark-theme")
|
|
document.body.classList.remove("light-theme")
|
|
}
|
|
}
|
|
resolve()
|
|
})
|
|
})
|
|
}
|
|
|
|
changeTheme()
|
|
if (["ar", "iw", "ku", "fa", "ur"].includes(browser.i18n.getUILanguage())) document.getElementsByTagName("body")[0].classList.add("rtl")
|
|
localise.localisePage()
|
|
|
|
window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", changeTheme)
|