Cara mencegah perubahan warna situs web dalam mode gelap – pupungbp

Terakhir diperbarui: 12 Februari 2021 | Waktu Membaca: <1 menit

Saya suka mode gelap, terutama jika saya melihat layar dalam cahaya sekitar. Namun sayangnya, beberapa situs web klien saya mengalami masalah ketika saya melihatnya dalam mode gelap; Teks gelap dengan latar belakang gelap.

Saya sudah mencoba beberapa metode tetapi sepertinya yang ini benar -benar berhasil dalam kasus saya:

Meta Day

Saya menambahkan data meta ini ke tag header:

<meta name="color-scheme" content="light only">

Tag meta di atas menunjukkan bahwa skema warna hanya mode cahaya yang didukung.

Opsi lain adalah skema yang disukai dalam mode cahaya, tetapi juga mendukung mode gelap:

<meta name="color-scheme" content="light dark">

Skema warna pertama menunjukkan yang disukai. Diuji pada Safari, Chrome, dan Firefox.

Sumber:
Nama Metadata Standar – HTML: Bahasa Markup Hypertext | Mdn (mozilla.org)
Dukungan Mode Gelap di Webkit | Webkit

CSS

Metode lain adalah menggunakan CSS:

:root {
         color-scheme: light only;
       }

Kode di atas menunjukkan bahwa gaya hanya menggunakan versi cahaya saja.

sumber:
Apa yang sebenarnya dilakukan oleh “skema warna” Dark Mode? 🤔 | Oleh Thomas Steiner | Dev Channel | Sedang

Semoga membantu!