Admin memilih mode terang, gelap, atau sistem untuk seluruh organisasi. Warna merek menggerakkan tombol, item sidebar aktif, cincin fokus, dan status hover — di kedua mode — tanpa satu pun penggantian CSS.
Dasbor Anda bukan konsol admin generik — ini adalah bagian dari produk Anda. Tema dasbor memungkinkan Anda memilih mode terang, gelap, atau sistem untuk seluruh organisasi dan membuat warna merek Anda mengalir melalui setiap aksen yang digunakan UI. Satu tombol Simpan, dua menit pengaturan, tanpa pengembang.
Dari Pengaturan → Branding, admin dan pemilik mengontrol tiga hal yang membentuk tampilan yang koheren:
Seluruh dasbor mengadopsi pilihan secara instan untuk setiap anggota organisasi. Rekan non-admin melihat tema yang dipilih; hanya admin/pemilik yang dapat mengubahnya.
Tema bertumpuk dengan rapi karena setiap lapisan menyentuh seperangkat variabel CSS yang berbeda:
--primary, --ring, --accent, ditambah varian sidebar. Tombol, item navigasi aktif, cincin fokus, dan status hover semuanya mengadopsi warna merek di kedua mode.Karena warna merek hanya melukis aksen, Anda tidak pernah mendapatkan teks yang tidak terbaca di latar belakang mid-tone atau tombol terang yang menghilang di mode gelap. Sistem juga secara otomatis memilih warna teks yang tepat — teks hitam pada warna merek terang, teks putih pada gelap — menggunakan rumus luminance WCAG. Anda dapat mengganti pilihan itu jika desain memerlukannya.
Sebagian besar sistem tema gagal untuk warna merek terang. Merek kuning pucat pada tombol Simpan seharusnya tidak menghasilkan aksen yang hampir tidak terlihat saat hover. Algoritma tint aksen memeriksa kecerahan merek: merek gelap dan mid mendapatkan tint yang *lebih terang*, merek yang sudah terang mendapatkan yang *lebih gelap*. Bagaimanapun, ada langkah kontras yang berarti antara primer dan aksen — sehingga status hover dan fokus selalu terbaca dengan jelas.
Ketika seorang admin mengubah tema, peristiwa siaran memicu setiap tab dasbor yang terbuka di browser yang sama untuk mengambil ulang dan menerapkan kembali — tidak perlu memuat ulang. Di seluruh perangkat dan anggota lainnya, tema baru muncul pada pemuatan halaman berikutnya.
Tema diterapkan pada dasbor organisasi dan pusat bantuan publik. Halaman pemasaran, dokumen, dan login tetap terang secara desain — mereka dibagikan di seluruh pelanggan dan tidak boleh mengikuti merek organisasi mana pun. Kerangka kerja memaksa mode terang pada rute tersebut, sehingga navigasi dari dasbor gelap ke halaman login diatur kembali dengan bersih.
Dasbor yang sesuai dengan merek Anda bukanlah detail kosmetik. Ini adalah sinyal bahwa platform ini *milik Anda*, bukan alat SaaS generik yang Anda sewa. Ketika tim dukungan Anda dan penulis basis pengetahuan Anda masuk ke sesuatu yang terlihat seperti produk Anda, mereka memperlakukannya sebagai bagian dari pekerjaan mereka — bukan panel admin pihak ketiga yang mereka toleransi. Dan ketika seorang pelanggan mengunjungi pusat bantuan bermerek Anda, pengalaman tersebut memperkuat siapa yang mereka dapatkan dukungan, bukan siapa yang membangun alat yang mendasarinya.