Tema Warna

Halaman Tema Warna digunakan untuk mengatur daftar tema warna yang tersedia di aplikasi Zayeen. Tema warna ini biasanya mengubah elemen visual seperti warna header, aksen tombol, indikator status, dan komponen UI lainnya. Dengan fitur ini, pengguna dapat memilih tema bawaan (misalnya Default, Green, Purple) atau membuat tema baru sesuai kebutuhan, misalnya untuk menyesuaikan dengan identitas visual perusahaan.

TEMA WARNA (List)

TEMA WARNA (Form)

Tampilan Data dan Kolom pada Tabel

Di halaman ini, tema warna ditampilkan dalam bentuk tabel. Setiap baris mewakili satu tema. Beberapa kolom penting yang umum terlihat:

• Kode — nomor/ID tema.
• Nama Tema — nama yang akan tampil saat pengguna memilih tema.
• Primary — warna utama aplikasi (sering dipakai untuk header, tombol utama).
• Secondary — warna pendamping untuk elemen sekunder.
• Accent — warna aksen untuk highlight, link, atau elemen penekanan.
• Dark — warna gelap untuk background tertentu atau mode kontras.
• Positive — warna indikator sukses/positif (mis. status berhasil).
• Negative — warna indikator error/negatif (mis. gagal, invalid).
• Info — warna informasi (mis. notifikasi info).
• Warning — warna peringatan (mis. butuh perhatian, hampir jatuh tempo).

Kotak warna pada kolom-kolom tersebut adalah preview yang memudahkan pengguna melihat kombinasi warna tema tanpa harus menerapkan terlebih dulu.

Toolbar: Fungsi Tombol-Tombol Utama

Di bagian atas tabel biasanya terdapat toolbar untuk melakukan aksi cepat:

• Segarkan — memuat ulang data tabel dan menampilkan perubahan terbaru.
• Baru — membuat tema warna baru.
• Hapus — menghapus tema yang dipilih.
• Cari — mencari tema berdasarkan nama/kode.
• Cetak — mencetak atau mengekspor daftar tema (tergantung konfigurasi sistem).

Cara Membuat Tema Warna Baru

Untuk membuat tema baru, kamu bisa mengikuti langkah berikut:

1. Klik tombol Baru.
2. Isi Nama Tema dengan nama yang mudah dikenali, misalnya Company Blue atau Green Custom.
3. Tentukan nilai warna untuk kolom:
   • Primary dan Secondary sebagai kombinasi utama.
   • Accent untuk highlight (disarankan warna yang kontras namun tetap nyaman).
   • Positive, Negative, Info, dan Warning untuk indikator status.
4. Periksa preview kotak warna untuk memastikan kombinasi terlihat serasi.
5. Klik Simpan (jika form edit memiliki tombol simpan) atau pastikan perubahan tersimpan sesuai mekanisme aplikasi.

Cara Mengubah (Edit) Tema yang Sudah Ada

Jika kamu ingin menyesuaikan tema yang sudah tersedia:

1. Pilih baris tema yang ingin diubah.
2. Klik ikon Edit (biasanya berbentuk pensil) pada baris tersebut.
3. Ubah nilai warna yang dibutuhkan, misalnya mengganti Accent agar tombol lebih menonjol.
4. Simpan perubahan.
5. Gunakan tema tersebut di pengaturan tampilan UI untuk melihat hasil akhirnya di seluruh aplikasi.

Cara Menghapus Tema

Untuk menghapus tema:

1. Centang checkbox pada baris tema yang ingin dihapus.
2. Klik tombol Hapus.
3. Konfirmasi penghapusan jika muncul dialog konfirmasi.

Tips Memilih Kombinasi Warna yang Nyaman

• Utamakan keterbacaan: pastikan teks di atas warna Primary/Secondary tetap jelas.
• Jaga konsistensi: gunakan warna Positive untuk sukses, Negative untuk error, Warning untuk peringatan.
• Hindari warna terlalu neon: warna yang terlalu terang dapat melelahkan mata pada penggunaan jangka panjang.
• Uji di beberapa perangkat: layar laptop dan mobile bisa menampilkan warna sedikit berbeda.

Menggunakan Tema yang Sudah Dibuat

Setelah tema berhasil dibuat, kamu bisa menerapkannya melalui halaman pengaturan tampilan UI (misalnya dari form pengaturan tampilan yang memiliki dropdown tema). Pilih tema baru pada dropdown tema, lalu Simpan agar tampilan aplikasi berubah sesuai tema yang dipilih.