Kustomisasi Tema.
Ubah FerzUI agar sesuai dengan branding aplikasi Anda.
Variabel SCSS
Cara terbaik mengkustomisasi FerzUI adalah dengan menimpa variabel SCSS default sebelum meng-import source code.
SCSS
// 1. Definisikan variabel kustom Anda
$fz-c-primary: #8b5cf6;
$fz-border-radius-lg: 2rem;
// 2. Import FerzUI
@import "ferzui/src/scss/ferzui";CSS Variables (Runtime)
Anda juga bisa mengubah variabel saat aplikasi sedang berjalan menggunakan runtime API kami.
JavaScript
fz.theme.setVariable('primary', '#10b981');
fz.theme.setRadius('0.5rem');