RAMAI RAMAI MEMASANG FITUR DARK MODE ADA APA?

Lain dulu lain sekarang. Dulu ada yang berpendapat, supaya tampilan halaman web menarik jangan menggunakan warna merah sebagai latar, jangan juga menggunakan warna gelap. Gunakan saja warna dasar seperti: putih, biru. Itu yang saya baca di internet dari blog blog lama yang pemiliknya sudah di anggap sebagai 'master'.

ilustrasi: dark or night mode

Tetapi zaman now, generasi saya Anissa (saya lahir 2001-2002) malah kebalikan dari paradigma di atas,  mulai dari dari forum google menggunakan dark mode, Situs situs raksasa seperti: Facebook punya fitur dark mode, Twitter punya fitur dark mode, Whatsapp punya fitur dark mode, sekarang Windows 10 untuk laptop, dekstop dan tablet surface juga memiliki fitur yang sama: DARK MODE. Template blogger masa kini juga memiliki fitur dark mode. Besok pada update berikutnya, viomagz buatan mas Sugeng juga kemungkinan secara default akan di lengkapi dengan fitur ini.

KHASIAT DARK MODE BAGI KESEHATAN HAPE DAN MANUSIANYA

1. Fitur dark mode menghemat penggunaan battery. Warna hitam pada latar membuat hape tidak perlu bekerja sangat keras untuk menyalakan LED atau OLED. Pada layar OLED piksel akan mati pada saat layar tampil dengan latar hitam.
2. Kombinasi atau perpaduan hitam dan putih (latar hitam sedangkan huruf putih) mampu meningkatkan fokus pada saat membaca. Ini menurut H. Hall dan Patrick Hanna seperti di lansir oleh laman GRID.
3. Menatap ponsel yang terlalu terang membuat retina mata bekerja keras dan bisa berakibat kelelahan penglihatan. Mata jadi berair. Pihak Apple yang telah memasang fitur dark mode pada MacOS mengatakan bahwa dark mode bisa membantu konsentrasi karena lebih nyaman di mata.
4. Lagi pula cahaya terang pada layar hape terbukti mengganggu waktu tidur jika membaca teks dengan cahaya terang akan membuat mata sulit beristirihat. 
5. Secara psikologis warna hitam di percaya dapat membuat orang lebih mudah berkonsentrasi. Lihat layar pengembang yang suka menulis koding? Mengapa latar kode kode itu berwarna hitam? Menurut pakar itu karena dengan warna hitam membuat mereka lebih fokus dan lebih konsentrasi.

So selamat tinggal zaman old. Ini Zamannya KEGELAPAN (bercanda), ini zaman Dark Mode. Kemaren saya memposting cara paling sederhana membuat dark mode pada halaman blog, tapi saya tidak buru buru melengkapi template editblogtema yang sekarang dengan fitur yang satu ini. kalau bisa buat dark mode tanpa Javascript, mungkin akan saya lakukan.

Pengaturan dark mode windows 10

Bukan hanya windows MacOs yang dipakai oleh Macbook sebagai OS (Operating System) telah memiliki fitur dark mode beberapa tahun yang lalu, jadi jauh mendahului windows 10. Namun bagi saya apa yang tersirat dari tool dark mode windows 10 merefleksikan bagaimana dark mode itu bekerja secara sederhana pada template notable :

1. Latar harus di buat hitam melalui pengaturan CSS
2. Warna Huruf tidak boleh hitam, namun boleh menjadi gelap, itu akan terlihat jelas ketika ia menjadi kontras terhadap warna latar hitam.
3. Setiap elemen pada blogger harus disesuaikan, misalnya untuk menerapkan dark mode pada template bawaan latar header di robah menjadi transparan, begitu juga dengan warna latar navbar agar latar 'gelap' bisa terlihat menyeluruh.
4. Pada pengaturan dark mode windows 10 hal itu di tunjukan pada gambar pengasturan 'light' dan 'dark' dan pada windows mode dan application mode.

Baca paduan sederhana membuat fitur dark mode dari saya:

CARA MUDAH MEMASANG TOMBOL TOGGLE DARI MODE KE TEMPLATE BLOGGER

DEMO

Berikut trik Javascript dengan prinsip yang sama 'nyalakan lampu' dan 'matikan lampu'

Kodenya:

<center> //hanya untuk re-position//<button onclick="document.getElementById('myImage').src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-uYY8jr_xwaiWDWrNAp41KAMiZQpzaffMww4UcB4gj0regDwaZ3UI1-AAZHlZp8Ux5TSY8_PDW-hcDr7SyJ0ECJ5JcKPiHT1GJIgOL2nFFM96DVEVNFZQZU4SnLSJsZsYJUFWORB6ovIY/s1600/bulb-close-up-electricity-energy-577514.jpg'">Nyalakan lampu</button><img id="myImage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-uYY8jr_xwaiWDWrNAp41KAMiZQpzaffMww4UcB4gj0regDwaZ3UI1-AAZHlZp8Ux5TSY8_PDW-hcDr7SyJ0ECJ5JcKPiHT1GJIgOL2nFFM96DVEVNFZQZU4SnLSJsZsYJUFWORB6ovIY/s1600/bulb-close-up-electricity-energy-577514.jpg" style="width: 100px;" /><button onclick="document.getElementById('myImage').src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO46XMge7czDVRAuGzSd9yZlbwDNXUr8yPGan6M_fXfGHO_V8-blPTHv_ycvM8QmGuwipv-yAD2QUxO_Ys3z8rMBNwaDMyYm57ksdRTO1qohezB6IZ1UfhRR3kz0lnFTqEnzdm1yoDJjlC/s1600/20191127_175429.jpg'">Matikan Lampu</button></center> //hanya untuk re-position//

Tentu saja dark mode yang kita maksudkan disini adalah dark mode dengan tombol pengalihan alias tombol 'Toggle'.