MAXISTOTO — Kenapa Beberapa Situs Punya Mode Terang & Gelap?
Ditulis oleh Tim MAXISTOTO · Diperbarui
Banyak aplikasi dan situs sekarang otomatis tampil gelap di malam hari dan terang di siang hari, padahal tidak ada tombol yang sengaja ditekan. Halaman ini membahas kenapa fenomena itu terjadi, bagaimana sebuah situs "tahu" pengaturan tampilan yang kamu sukai, dan manfaat sebenarnya dari dua mode ini.
Mode terang dan gelap adalah dua skema warna tampilan yang sama-sama disediakan sebuah situs. Sebagian besar situs modern otomatis mengikuti pengaturan sistem operasi atau browser perangkatmu tanpa perlu tombol saklar terpisah — halaman yang sedang kamu baca ini pun memakai cara yang sama.
Terakhir ditinjau: 15 Agustus 2026.
Kenapa Situs Menyediakan Dua Mode Warna
Ada beberapa alasan situs menyediakan mode gelap sebagai pelengkap mode terang: mengurangi ketegangan mata saat membaca di ruangan minim cahaya, mengikuti selera tampilan yang berbeda-beda tiap orang, dan membantu sebagian pengguna yang sensitif terhadap cahaya terang di layar.
Faktor lain yang mendorong tren ini adalah dukungan tema gelap di tingkat sistem operasi. Sejak sekitar 2019, iOS, Android, Windows, dan macOS semuanya menambahkan opsi tema gelap menyeluruh, membuat situs web ikut menyesuaikan supaya terasa konsisten dengan tampilan perangkat.
Cara Situs Membaca Preferensi Perangkatmu
Browser modern mengirimkan sebuah sinyal bernama prefers-color-scheme yang mencerminkan pengaturan tema gelap/terang di sistem operasi atau browser perangkatmu. Kode tampilan sebuah situs bisa menyiapkan dua set warna, lalu memilih otomatis sesuai sinyal itu — tanpa perlu tombol, tanpa perlu menyimpan pilihanmu di mana pun.
- Cara otomatis (dipakai halaman ini). Warna berubah instan begitu kamu mengganti pengaturan tema perangkat, tanpa perlu memuat ulang halaman atau login ulang.
- Cara tombol saklar manual. Sebagian situs lain menyimpan pilihan yang kamu klik sendiri (biasanya lewat JavaScript dan penyimpanan lokal), terpisah dari pengaturan sistem perangkat.
Manfaat Praktis Mode Gelap
Selain soal kenyamanan mata, ada manfaat teknis yang sering luput diperhatikan: pada layar berjenis OLED/AMOLED (umum dipakai HP kelas menengah ke atas), piksel yang menampilkan warna hitam benar-benar dimatikan, sehingga bisa sedikit menghemat pemakaian baterai dibanding menampilkan latar putih terang terus-menerus.
Pertanyaan umum
Bagaimana caraku mengaktifkan mode gelap di situs yang mendukungnya?
Biasanya tidak perlu pengaturan khusus di situsnya sendiri. Cukup ubah pengaturan tema perangkat (Windows, macOS, Android, iOS) atau browser ke gelap, dan situs yang mendukung akan otomatis menyesuaikan.
Kenapa sebagian situs tidak berubah warna walau perangkatku sudah diatur gelap?
Situs itu kemungkinan tidak menuliskan kode untuk membaca preferensi tampilan gelap, jadi tetap tampil dengan satu skema warna tetap apa pun pengaturan perangkatnya.
Apakah mode gelap membuat semua orang membaca lebih nyaman?
Tidak selalu untuk semua orang. Sebagian pengguna justru lebih nyaman membaca teks gelap di atas latar terang, terutama di ruangan yang terang. Preferensi ini bersifat individual.
Apakah mode gelap menghemat baterai perangkat?
Untuk layar berjenis OLED/AMOLED, ya, karena piksel hitam pada layar jenis ini benar-benar mati. Pada layar LCD biasa, penghematannya jauh lebih kecil karena lampu latar tetap menyala meski warnanya gelap.
Apakah isi atau data yang ditampilkan berubah saat berganti mode gelap-terang?
Tidak. Yang berubah hanya warna tampilan halaman. Teks, tautan, dan fungsi tombol tetap sama persis di kedua mode.
Sudah nyaman dengan tampilannya?
Lanjut membaca panduan lain, atau langsung lanjut kalau sudah siap.