OBS Overlay Tool

YT Chat Style Generator

Custom CSS lengkap buat popout live chat YouTube — font, outline, avatar, warna per role, timestamp, background, SuperChat/member baru, sampai animasi masuk-keluar. Preview di kanan update langsung.

Terinspirasi struktur kontrol dari Septapus Chat v2.0, dibangun ulang dari nol dengan tampilan sendiri.

Pilih template buat set warna role, font, outline & bentuk bubble sekaligus — semua masih bisa diutak-atik manual di bawah.

Preset (simpan / buka setting)▸

Export nyalin semua pengaturan (warna, font, animasi, dst) jadi teks. Simpan teks itu di catatan kamu — nanti tinggal tempel & Import buat balikin setting yang sama, kapan pun.

CSS tambahan (manual, opsional)▸

Ditempel apa adanya di paling bawah CSS hasil generate. Berguna buat badge VIP per user (kalau kamu tahu channel-id-nya) atau tweak lain yang gak ada di panel.

Background foto sendiri▸

Upload foto

Sertakan di CSS hasil generate

Kalau ON, foto ikut ditempel jadi background asli di CSS (dipakai kalau live chat dibuka sebagai halaman sendiri, bukan lewat transparansi OBS). Kalau cuma buat tes tampilan di sini, biarkan OFF.

Background bubble pesan (gambar sendiri)▸

Upload gambar

Pakai gambar ini di setiap bubble pesan

Menggantikan warna glass bubble. Slider "Opacity bubble" di panel Background & kaca jadi ngatur gelap-terang overlay hitam di atas gambar biar teks tetap kebaca.

Live preview

Generated CSS

tersalin ✓