Mode Gelap, Semuanya.

Dark Mode pada halaman web

Fandy Diadline
FNDY DDLN
3 min readSep 18, 2020

--

Pasti kalian familiar dengan sensasi ketika membuka lockscreen pada malam hari dan atau ketika bangun tidur, sebelum era Dark Mode ada di mana-mana.

Meskipun era Dark Mode sudah ada di genggaman saya sebagai pengguna iOS 14 dan Android 10. Namun fitur tersebut lebih optimal di dalam sistem operasi tersebut, alias pada area aplikasi, namun tidak dengan halaman web.

Dark Mode pada aplikasi WhatsApp

Bahkan Medium, platform web yang saya gunakan untuk publish artikel ini pun masih belum memiliki fitur Dark Mode (September 2020).

Kenapa Dark Mode? Apakah Dark Mode adalah sebuah keunggulan? Mungkin buat kalian yang belum tahu. Dark Mode itu adalah sebuah mode dengan tujuan untuk mempermudah mata memlihat konten dari sebuah layar pada malam hari atau area ruangan yang gelap. Umumnya sebuah smartphone dan monitor PC.

Dan tujuan ini sebenarnya tidak hanya memudahkan mata untuk melihat konten layar dengan desain dan warna lebih gelap. Namun juga lebih hemat energi untuk teknologi layar yang menggunakan OLED.

Karena warna gelap tidak begitu memerlukan energi lebih daripada warna cerah. Sehingga selain lebih nyaman di mata, Dark Mode juga disinyalir lebih hemat energi hingga 63% menurut iFixit.

Hemat saya seperti itu.

Kemudian bagaimana dengan halaman web yang belum memiliki opsi Dark Mode? Itulah fungsi add-ons atau extension yang ada di beberapa market dari web browser populer. Contohnya Google Chrome dan Mozilla Firefox.

Dan saya merekomendasikan satu buah ekstensi, bernama Dark Reader. Mungkin bisa kalian cari pada webstore plugin dari masing-masing browser yang kalian pakai jika memakai web browser dengan Engine Chromium (Brave, Opera, Microsoft Edge, dan masih banyak lagi) atau Gecko (FireFox, WaterFox, dan masih banyak lagi).

Jika kalian kesulitan, bisa mengunjungi darkreader.org

Cara Instalasi

Bukanlah hal sulit. Kalian tinggal klik tombol yang menunjukkan tambah ke browser seperti “install” atau “add” pada halaman webstore ekstensi.

Chromium based: Link
Gecko based: Link

Cara Penggunaan

Super simpel. Kalian bisa mengaktifkan melalui icon Dark Reader, biasanya muncul pada toolbar web browser kalian.

Tinggal pencet ON. Maka semuanya akan berubah menjadi lebih gelap.

Dan atau favorit saya adalah sebuah shortcut default SHIFT+ALT+D

Boom Baap! Semua layar browser kalian berubah menjadi gelap. Mungkin tidak semua halaman web tampak bagus dengan fitur override Dark Mode via add-ons ini.

Karena add-ons ini merubah beberapa baris kode warna dalam halaman web secara otomatis. Yang mungkin terlihat aneh. Seperti warna abu-abu yang kurang kontras dengan background dan sebaliknya.

Sehingga Dark Reader menyediakan tambahan pengaturan pada jendela seperti pada foto sebelumnya.

Ada opsi Brightness, Contrast, Sephia, Grayscale, dan pengaturan untuk ditetapkan pada halaman web tertentu saja atau tidak.

Berikut beberapa contoh beberapa halaman web yang biasa saya akses via Microsoft Edge.

Instagram
Tokopedia
sidebar.io
last.fm

Selamat mencoba. Welcome to the dark side.

--

--