Membuat Tema Slack Menggunakan Skema Warna Tiket.com

Moch. Zamroni
tiket.com
Published in
3 min readMar 25, 2019
Tiket.com Town Hall 2019 (foto dari linkedin)

Halo bro :) kalian kalau kerja tim pakai aplikasi chat apa? dulu ada saat dimana kita chat pakai mIRC lalu ada ICQ (bukan buat kerja sih, dan lama banget dah!), lalu ada Yahoo Messenger!. Iya ada saat-saat dimana kerja tim menggunakan YM!, lalu pindah pakai Skype, lalu mungkin ada pula yang pakai WhatsApp atau Telegram.

Tapi ada aplikasi chat yang paling pas buat kerja tim saat ini, yaitu Slack. Slack ini bisa dipakai dengan browser, bisa pula di-install di desktop (Windows, Mac, Linux). Dan tentu saja juga ada aplikasi Slack versi mobile, jadi bisa di-install di ponsel, baik Android, iPhone, atau Windows Phone.

Halaman depan website slack.com

Sebagai aplikasi chat yang paling pas buat kerja tim, ada cukup banyak kelebihan Slack dibandingkan dengan aplikasi chat yang lain, yang tidak bisa saya deskripsikan satu-persatu di sini. Hanya saja, ada satu kelebihan yang mungkin sederhana yaitu: kita bisa custom warna tema di Slack, khususnya warna sidebar.

Sebuah notifikasi di halaman loading slack

Jika kita sudah custom warna tema di Slack, maka otomatis tema tersebut juga berlaku pula di desktop, browser, dan mobile dengan akun yang sama.

skema warna utama di UI Style Guide tiket.com di zeplin (versi 1, 22 januari 2018)

Berikut cara custom tema Slack, menggunakan skema warna Tiket.com.

  1. Klik pojok kiri atas, nama workspace slack
  2. Muncul menu, klik ‘Preferences’
  3. Di menu halaman Preferences, klik ‘Sidebar’
  4. Scroll down, di Custom Theme isi 8 warna sesuai yang kita inginkan (Custom BG, Menu BG Hover, Active Item, Active Item Text, Hover Item, Text Color, Active Presence, Mention Badge)
Sebelum ganti tema, masih pakai tema bawaan slack
Sesudah ganti tema, menggunakan warna tiket.com

Di sini saya hanya mengambil warna primer (primary color) dan turunanya dari skema warna brand / produk tiket.com

Custom warna tema slack sesuai skema warna brand / design guideline tiket.com

Kalian juga bisa membuat custom tema Slack menggunakan skema warna sesuai “Skema Warna” produk / brand tempat kalian kerja. Tinggal ambil dari Design Guideline khususnya di Color Scheme.

Selamat Mencoba!

--

--