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'.
dark or night mode
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.
dark mode windows 10
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:

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://1.bp.blogspot.com/-GsTEApA_NUc/Xd5WU8emH4I/AAAAAAAApkQ/6N17ZmTWjG0AuSv3XcwU2Lb0IOc3_Rd-ACEwYBhgL/s1600/bulb-close-up-electricity-energy-577514.jpg'">Nyalakan lampu</button><img id="myImage" src="https://1.bp.blogspot.com/-GsTEApA_NUc/Xd5WU8emH4I/AAAAAAAApkQ/6N17ZmTWjG0AuSv3XcwU2Lb0IOc3_Rd-ACEwYBhgL/s1600/bulb-close-up-electricity-energy-577514.jpg" style="width: 100px;" /><button onclick="document.getElementById('myImage').src='https://1.bp.blogspot.com/-Zjoskz9bZk0/Xd5WbFz6FHI/AAAAAAAApkU/sZM4yznW_poMiwzingwI_h6ht4Onh_MuACLcBGAsYHQ/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'.

Beri Komentar atau, Ajukan Pertanyaan

6 Comments

  1. Mb aku ngikik pas bagian, selamat datang di era kegelapan haha
    O takpikir yang dark mode kembali berjaya di fitur chat atau streaming film saja, ternyata sudah merambah ke web dan blog juga ya

    ReplyDelete
    Replies
    1. Iya template template blogger juga memiliki fitur ini....

      Delete
  2. Untuk AMP Blogspot udah ada ga Mba?

    ReplyDelete
    Replies
    1. Sayangnya untuk AMP masih jadi PR terutama pada bagian tombol toggle nya....

      Mungkin dalam waktu dekat akan ada beritanya.

      Delete
    2. Iya Mba. Udah coba tp ga work. Dan AMP nya error 😊.

      Makasi Kak infonya. Moga aja secepat nya.

      Delete
  3. mantap sukses setelah di coba

    ReplyDelete