การทำ Dark mode ให้กับเว็บไซต์

CSS Dark mode เพิ่มธีมสีมืดให้เว็บไซต์

@media (prefers-color-scheme: dark) {
  body {
    /////
  }
}

@media (prefers-color-scheme: dark) {

body {

/////

}

Javascript Check Device เปิดใช้ Dark mode หรือไม่

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) {

console.log(` is dark`)

} else {

console.log(`shiit is light`)

}