Plus UI adalah salahsatu template blogger yang dilengkapi dengan beberapa settingan mode tema, diantaranya adalah Dark Mode. Saat ini hampir 90% website dilengkapi dengan fitur dark mode, rasanya kurang lengkap jika template tidak dilengkapi dengan mode gelap. Bahkan situs raksasa seperti Google, Twitter dan Facebook pun dilengkapi dengan fitur Dark Mode.
Saya rasa hampir semua orang pasti menggunakan Mode Gelap di smartphone maupun di laptop, hal itu dikarnakan mode gelap terasa lebih enak di pandang dan dapat mengurangi kecerahan pada layar sehingga melindungi mata dari paparan sinar radiasi.
Menjadikan Dark Mode Sebagai Default Tema Di Plus UI
Langsung saja ke inti dari artikel ini, yaitu cara menjadikan Dark Mode sebagai tema default khususnya di template Plus UI, dengan begitu pengunjung tidak perlu lagi meng-klik tombol dark mode untuk beralih ke mode gelap karna sudah otomatis aktif ketika pembaca pertama kali mengunjungi blog anda.
Langkah pertama silahkan salin kode di bawah lalu cari dan letakan kode tsb tepat di bawah <b:attr name='id' value='mainCont'/>
<b:class name='drK'/>
Kemudian tambahkan kode javascript di bawah ini pada template Plus UI kalian.
<script>
/*<![CDATA[*/
/* Dark Mode Default */ document.querySelector('#mainCont').classList.remove('drK') : document.querySelector('#mainCont').classList.add('drK')
/*]]>*/
</script>
Sekarang silahkan coba hasilnya: hapus Cookie pada blog, lalu refresh. Jika di pasang dengan benar harusnya secara otomatis tema menjadi mode gelap tanpa harus meng-klik tombol dark mode.
Tombol mode light akan tetap berfungsi, untuk orang yang masih ingin menggunakan mode light.
