Cara Mengubah Warna Tema Barka CMS Sekolahku
- Kamis, 24 Juni 2021
- Berita Pengumuman Sekilas-info
- Administrator
- 0 komentar
Sekilas tentang Tema Barka
Seperti yang sudah dibahas di artikel sebelumnya, Tema Barka adalah tema yang dikembangkan dan dibagikan secara gratis untuk digunakan sebagai tampilan website sekolah berbasis CMS Sekolahku.
Apabila Anda belum memiliki tema ini, bisa cek artikel berikut: “Download Tema Barka Gratis untuk CMS Sekolahku”
Tampilan Tema Barka CMS Sekolahku |
Tema Barka memiliki tampilan yang responsive, elegan, dan mudah dikustomisasi warnanya sesuai selera pengguna.
Secara default, tema ini didominasi oleh warna biru gelap dengan aksen kuning.
Tema Barka mendukung penggantian warna apabila dirasa kurang cocok dengan nuansa dan ciri khas sekolah Anda.
Cara Mengubah Warna Tema Barka
Jika website sekolah Anda ingin tampil beda dengan ciri khas warna tertentu, berikut adalah caranya.
- Buka website yang menyediakan fitur color picker. Color picker adalah fitur untuk memilih warna yang kita inginkan, kemudian akan ditampilkan kode dari warna tersebut. Salah satu contohnya adalah W3Schools Colors Picker
- Setelah membuka W3Schools Colors Picker, selanjutnya pilih 2 warna yang cocok ketika disandingkan (komplementer). Jangan lupa memilih 1 warna lagi yang sama dengan warna utama tetapi 2 tingkat lebih terang
- Di contoh ini saya memilih paduan warna hijau berkode #2C8046 sebagai warna utama dan warna jingga dengan kode #F5A00C sebagai warna aksen. Sedangkan untuk warna sekunder adalah warna hijau muda berkode #2C9C4F
- Selanjutnya buka file
views/themes/barka/assets/css/custom.css
dan tempelkan kode warna yang sudah kita dapatkan di langkah 2. Contoh kodenya sebagai berikut
:root { --primary-color: #295E12; --secondary-color: #2C9C4F; --accent-color: #F5A00C; } - Simpan file tersebut
- Lakukan clear cache browser. Hal ini dimaksudkan agar kode css yang kita ubah di langkah 4 tidak dipengaruhi oleh cache yang sebelumnya sehingga kustomisasi warna yang kita lakukan bisa berhasil.
Hasil akhir tema barka setelah diubah warnanya
Penutup
Itulah tutorial singkat cara mengubah warna Tema Barka di CMS Sekolahku. Semoga informasi tersebut bisa berguna dan bermanfaat untuk sobat yang membutuhkan.
Terima kasih.
Sumber : https://www.trivusi.web.id/2021/12/cara-ubah-warna-tema-barka-cms-sekolahku.html