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

Popular posts from this blog

push multiple data in array(select and disselect items in array)

how to active side menu in ionic3

how to add accordian to ionic project