Tema Warna
Tema Warna mengatur paket warna yang dipakai pada tampilan aplikasi. Data ini membantu perusahaan menjaga tampilan tetap konsisten untuk pengguna.
Dipakai Oleh
admin operasional sesuai hak akses menu
Jenis Data
master
Kunci Pencarian
Kode
Kapan Form Ini Dipakai
- Saat perusahaan ingin menyiapkan pilihan warna tampilan aplikasi.
- Saat warna utama, aksen, atau warna status perlu disesuaikan dengan identitas perusahaan.
- Saat admin ingin merapikan tema lama agar lebih nyaman dipakai pengguna.
Sebelum Mengisi
- Siapkan kode warna yang akan dipakai untuk primary, secondary, accent, dan warna status.
- Pastikan kombinasi warna tetap mudah dibaca pada layar terang maupun gelap.
Alur Kerja
- Buka menu Tema Warna, lalu buat tema baru atau edit tema yang sudah ada.
- Isi kode dan nama tema yang mudah dikenali admin.
- Masukkan warna utama, warna pendukung, aksen, dan warna status.
- Cek kembali kontras warna agar tombol, teks, dan penanda status tetap terbaca.
- Klik Simpan, lalu gunakan tema tersebut pada pengaturan tampilan yang sesuai.
Field yang Perlu Diperhatikan
| Field | Penjelasan Untuk Pengguna | Status |
|---|---|---|
Kodeid |
Kode tema warna. Gunakan kode singkat agar mudah dicari saat mengatur tampilan. | Wajib |
Nama Temathemename |
Nama tema yang akan dikenali admin saat memilih paket warna. | Wajib |
Primaryprimarycolor |
Warna utama untuk komponen penting seperti tombol utama atau elemen dominan. | Wajib |
Secondarysecondarycolor |
Warna pendukung untuk komponen sekunder pada tampilan aplikasi. | Wajib |
Accentaccentcolor |
Warna aksen untuk memberi penekanan pada bagian tertentu. | Wajib |
Darkdarkcolor |
Warna gelap yang dipakai untuk area atau komponen yang membutuhkan kontras kuat. | Wajib |
Positivepositivecolor |
Warna status positif, biasanya untuk informasi berhasil atau kondisi aman. | Wajib |
Negativenegativecolor |
Warna status negatif, biasanya untuk gagal, batal, atau peringatan serius. | Wajib |
Infoinfocolor |
Warna informasi untuk pesan atau penanda yang sifatnya netral. | Wajib |
Warningwarningcolor |
Warna peringatan untuk kondisi yang perlu diperhatikan pengguna. | Wajib |
Detail dan Relasi
- Form ini tidak memiliki tabel detail. Data disimpan langsung dari field utama.
Dampak Setelah Simpan
- Tema yang tersimpan dapat dipakai pada pengaturan tampilan aplikasi.
- Perubahan warna bisa langsung memengaruhi kenyamanan baca dan konsistensi tampilan pengguna.
- Jika kode warna tidak valid atau ada warna wajib yang kosong, aplikasi akan menolak penyimpanan.
Masalah Umum
- Tema tidak bisa disimpan: cek field warna wajib dan format kode warna.
- Teks sulit dibaca: pilih kombinasi warna dengan kontras yang lebih jelas.
- Tema sulit dibedakan: gunakan nama tema yang spesifik dan tidak mirip dengan tema lain.
Field Tersedia
Daftar berikut merangkum field yang tersedia di form. Field yang jarang dipakai tetap dicantumkan agar mudah ditelusuri saat training atau support.
| Field | Penjelasan Untuk Pengguna | Status |
|---|---|---|
Kodeid |
Kode tema warna. Gunakan kode singkat agar mudah dicari saat mengatur tampilan. | Wajib |
Nama Temathemename |
Nama tema yang akan dikenali admin saat memilih paket warna. | Wajib |
Primaryprimarycolor |
Warna utama untuk komponen penting seperti tombol utama atau elemen dominan. | Wajib |
Secondarysecondarycolor |
Warna pendukung untuk komponen sekunder pada tampilan aplikasi. | Wajib |
Accentaccentcolor |
Warna aksen untuk memberi penekanan pada bagian tertentu. | Wajib |
Darkdarkcolor |
Warna gelap yang dipakai untuk area atau komponen yang membutuhkan kontras kuat. | Wajib |
Positivepositivecolor |
Warna status positif, biasanya untuk informasi berhasil atau kondisi aman. | Wajib |
Negativenegativecolor |
Warna status negatif, biasanya untuk gagal, batal, atau peringatan serius. | Wajib |
Infoinfocolor |
Warna informasi untuk pesan atau penanda yang sifatnya netral. | Wajib |
Warningwarningcolor |
Warna peringatan untuk kondisi yang perlu diperhatikan pengguna. | Wajib |
Checklist Pengguna
Lokasi Menu
- Umum / Tema Warna
/form/themecolors