JavaScript Wykryj tryb ciemny
const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
Batman
const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
console.log(isDarkMode) // Result: True or False
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
console.log(` is dark`);
}else{
console.log(`shiit is light`);
}if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
// dark mode
}
const darkTheme = window.matchMedia("(prefers-color-scheme: dark)");
if (darkTheme.matches) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}