ASUSTOTO — Apa Itu Mode Gelap dan Kenapa Beberapa Situs Punya?
Ditulis oleh Tim ASUSTOTO · Diperbarui
Tampilan gelap dengan teks terang kini jadi pilihan umum di banyak situs dan aplikasi. Tapi kenapa sebagian situs punya mode ini otomatis, sementara yang lain tidak sama sekali?
Mode gelap adalah tampilan warna latar gelap dengan teks terang, kebalikan dari tampilan terang standar. Sebagian situs otomatis menyesuaikan diri lewat pengaturan sistem perangkat (disebut prefers-color-scheme), sebagian lain butuh tombol saklar manual — keduanya sama-sama sah, bedanya cuma cara situs itu dibangun.
Terakhir ditinjau: 15 Agustus 2026.
Kenapa Mode Gelap Jadi Populer
Ada beberapa alasan praktis di baliknya. Pertama, mengurangi silau saat membuka layar di ruangan gelap atau malam hari — tampilan terang penuh cahaya putih bisa terasa menyilaukan dibanding latar gelap. Kedua, sebagian orang merasa matanya lebih nyaman memakai tampilan gelap untuk penggunaan yang lama. Ketiga, khusus layar jenis OLED/AMOLED (umum di HP masa kini), piksel yang menampilkan warna hitam benar-benar mati, sehingga bisa sedikit menghemat daya baterai — beda dengan layar LCD yang lampu latarnya tetap menyala penuh apa pun warnanya.
Dua Cara Situs Menerapkan Mode Gelap
Ada dua pendekatan umum. Pertama, situs mengikuti otomatis pengaturan sistem di perangkat pengunjung — lewat kode yang disebut prefers-color-scheme, situs "membaca" apakah HP/laptop sedang diset ke tema gelap atau terang, lalu menyesuaikan tampilannya sendiri tanpa perlu tombol apa pun. Kedua, situs menyediakan tombol saklar manual yang disimpan tersendiri, terpisah dari pengaturan sistem.
Halaman ini memakai cara pertama: tampilannya otomatis mengikuti pengaturan gelap/terang di perangkat yang dipakai membuka halaman ini, tanpa perlu tombol tambahan.
Yang Perlu Diperhatikan Biar Mode Gelap Nyaman Dipakai
- Kontras tetap harus terbaca. Mode gelap bukan sekadar membalik warna hitam-putih mentah-mentah; warna teks dan latar tetap perlu diuji supaya tetap nyaman dibaca.
- Warna aksen/tombol perlu diuji ulang. Warna yang terlihat kontras di tampilan terang belum tentu sama kontrasnya di tampilan gelap — perlu dicek terpisah untuk kedua mode.
- Elemen visual (logo, ikon) tetap perlu terlihat jelas. Di kedua mode, bukan cuma salah satunya.
Pertanyaan umum
Apakah mode gelap bikin baterai HP lebih awet?
Untuk layar OLED/AMOLED, efeknya bisa terasa karena piksel hitam menyala minim. Untuk layar LCD, efeknya nyaris tidak ada karena lampu latar tetap menyala penuh apa pun warna yang ditampilkan.
Kenapa kadang sebuah situs terlihat 'setengah gelap' — ada bagian yang masih terang?
Biasanya karena sebagian elemen (misalnya gambar atau ikon tertentu) belum disesuaikan pembuat situs untuk kedua mode, jadi tampilannya jadi tidak konsisten di bagian itu.
Bagaimana cara mengaktifkan mode gelap kalau situsnya otomatis mengikuti sistem?
Ubah pengaturan tema di HP, laptop, atau browser ke mode gelap. Situs yang menerapkan penyesuaian otomatis akan langsung ikut berubah tanpa perlu tombol khusus di halamannya.
Apakah mode gelap memengaruhi kecepatan situs dimuat?
Tidak. Mode gelap murni soal warna tampilan (diatur lewat kode CSS), tidak menambah atau mengurangi jumlah data yang perlu diunduh saat halaman dibuka.
Sudah lebih paham topik ini?
Baca ulang bagian FAQ kalau masih ada yang mengganjal, atau langsung lanjut kalau sudah siap.