dark mode in ionic5
darkmode() {
const prefersColor = window.matchMedia('(prefers-color-scheme: dark)');
this.dark = prefersColor.matches;
this.updateDarkMode();
prefersColor.addEventListener(
'change',
mediaQuery => {
this.dark = mediaQuery.matches;
this.updateDarkMode();
}
);
}
updateDarkMode() {
this.dark = true;
// alert("data")
document.body.classList.toggle('dark', this.dark);
}
add functions in ngoninit of app.component.ts
Comments
Post a Comment