3.1.1   Change Themes Colors

Compro Knowledge Base

Simple request for Changing Theme Colors

VERSI TANGGAL PERUBAHAN
1 12/03/2018 Initial Release

OVERVIEW

Pada halaman ini akan dijelaskan bagaimana prosedur untuk melakukan perubahan warna tema pada aplikasi. Perubahan warna yang dimaksud adalah perubahan warna selain dari yang sudah disediakan dari engine pada step 2 (design).

SYARAT dan KETENTUAN

  1. Aplikasi belum pernah di publikasikan sama sekali
  2. Berlaku untuk aplikasi dengan kategori basic dan advanced
  3. Melampirkan screenshots halaman mana yang ingin di ubah warnanya
  4. Proses perubahan warna ini adalah 1 hari kerja setelah team support mengkonfirmasi halaman tersebut bisa diubah atau tidak warnanya.

TAHAPAN

Tahapan yang perlu dilakukan dari sisi pemilik aplikasi adalah sebagai berikut :

  1. Login via aplikasi compro support dengan memilih channel Technical - Others atau channel Technical - Pembuatan Apps

  2. Menyampaikan permintaan untuk melakukan perubahan warna dengan memberi informasi :

    • Halaman mana yang ingin diubah

    • Nama aplikasinya apa

    • Kode warna hexa

      Catatan

      kode warna hexa tersebut bisa diperoleh dari http://www.color-hex.com/

  3. Halaman yang bisa diubah warnanya pada umumnya bervariasi. Untuk warna lainnya team support akan memberi info terlebih dahulu apa bisa di ubah atau tidak. Namun yang sering diminta untuk dilakukan perubahan adalah warna - warna dibawah ini:

    • Background Header, yaitu warna latar (background) pada header yang terletak di belakang tulisan Home pada gambar di bawah ini

      image0

    • Header Text, yaitu warna pada header pada tampilan home di aplikasi. Ditunjukan pada gambar dibawah ini yang bertanda kotak merah

      image1

    • Drawer Background, yaitu warna latar (background) pada halaman menu yang ada di samping kiri. Pada gambar dibawah ini ditunjukkan pada warna biru dengan tanda kotak berwarna merah

      image2

    • Drawer Text, yaitu warna nama menu pada halaman menu yang ada di samping kiri yang ditandai pada kotak bewarna merah

      image3

    • Page Background, yaitu warna latar (background) pada keseluruhan aplikasi dengan ketentuan 1 warna yang di berlakukan. Yang di contohkan pada warna latar berdasarkan gambar dibawah ini

      image4