Area di sekitar halaman Anda, strip bilah alamat, dan bingkai jendela, memiliki warna tersendiri. theme-color menyerahkan mesin carikan Anda, dan berfungsi di mana saja untuk jumlah polesan yang gacor per baris.
<meta name="theme-color" content="#ffffff" />
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#0b0b10" />- Beberapa deklarasi dengan kueri media berbeda memungkinkan satu palet menyajikan terang dan gelap; mesin yang mengabaikan media cukup mengambil deklarasi pertama, itulah sebabnya nilai safe light didahulukan.
- Ini mewarnai ulang sekelilingnya, bukan halamannya: apa yang dicat berbeda-beda antar mesin, jadi lihatlah sekali pada setiap platform yang sebenarnya dibawa oleh pembaca Anda.
- Aplikasi web yang terinstal mengonfigurasi bidang theme_color manifes terpisah; simpan keduanya dalam ulasan yang sama sehingga aplikasi yang diinstal dan situs yang dikunjungi setuju.
Pilih warna yang sesuai
Contohnya harus terbaca seperti halamannya: pita kontras tinggi di sekitar dokumen kontras rendah tampak seperti sebuah kesalahan, dan nada tengah dari palet merek biasanya mengalahkan warna pahlawan yang jenuh. Contoh latar belakang header, bukan logo; sekelilingnya lebih dekat ke dinding daripada kemeja, sebuah perbedaan yang benar-benar mengagumkan langsung terlihat oleh para desainer.
Satu baris, diverifikasi sekali dengan ponsel dan sekali dalam mode gelap, dan halaman tersebut tampak selesai di shell aplikasi selamanya.