Cara Disable Dark Mode di Ionic Angular

Saya telah membuat sebuah project menggunakan ionic, angular dan capacitor.

Seperti yang kita ketahui pada beberapa device mendukung UI dark mode. Hal ini mempengaruhi warna dari aplikasi yang saya buat.

Tapi terdapat beberapa warna yang menurut saya menjadi tidak sesuai dengan keinginan saya.

Untuk kasus tersebut sebenarnya dapat dilakukan membuat design manual untuk bagian dark mode, namun karena waktu yang terbatas saya memutuskan untuk mematikan dark mode pada kodingan project saya.

sehingga kini tampilan aplikasi akan tetap sama meski pada light/dark mode.

Untuk melakukan disable dark mode pada kasus ini, kita dapat menghapus bagian kode berikut di file “src/theme/variables.scss“

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

Untuk dokumentasi resmi dari ionic, kalian dapat akses di Ionic Doc

Okee, sekian postingan kali, cukup singkat yaaa, tapi semoga bermanfaat buat kalian. Bye bye 🙂