Panduan

Memulai

Klik ikon Stylebot di toolbar, lalu Ubah gaya halaman ini. Atau tekan alt+shift+M di tab mana pun, atau klik kanan elemen dan pilih Stylebot → Ubah gaya elemen.

Klik pemilih, arahkan kursor ke halaman, lalu klik elemen. Tekan ↑ sebelum mengklik untuk memilih elemen induknya. Lalu ubah di Dasar, atau tulis CSS di Kode. Perubahan tersimpan saat Anda membuatnya dan diterapkan setiap kali Anda mengunjungi situs itu.

Font

Cari di antara 400 Google Fonts dan Stylebot akan memuat font yang Anda pilih, atau ketik nama font apa pun yang terinstal di komputer Anda.

Posisi editor

Di Chrome dan Edge, editor terbuka di panel samping. Gunakan Posisi di menu ⋯ editor untuk membukanya di jendela terpisah atau menempelkannya di halaman. Firefox dan Safari tidak punya panel samping.

Menonaktifkan gaya

Gunakan tombol di popup, atau alt+shift+S. Gayanya tetap disimpan, hanya tidak diterapkan.

Profil

Profil adalah stylesheet terpisah untuk situs yang sama, sehingga Anda bisa menyimpan lebih dari satu tampilan dan beralih di antaranya. Hanya satu yang diterapkan dalam satu waktu, dan setiap situs dimulai dengan profil Default.

Klik nama profil di samping nama situs di header editor untuk membuat, mengganti nama, menduplikat, atau menghapus profil. Beralih di antaranya di sana atau di popup, tempat Tanpa gaya menonaktifkan gaya untuk situs itu. Profil baru dimulai dalam keadaan kosong.

Preset

Tab Preset berisi dua preset, dan keduanya dapat digabungkan dengan perubahan Anda sendiri. Mode baca mengubah artikel di situs menjadi tampilan baca yang bersih, dengan pilihan tema, font, ukuran, dan lebar; halaman yang bukan artikel dibiarkan apa adanya. Skala abu-abu menghilangkan warna dari situs, dengan tingkat yang bisa diatur.

Sinkronisasi dan riwayat versi

Sinkronisasi Google Drive

Hubungkan Google Drive di Opsi. Gaya Anda, termasuk profil, disinkronkan setiap 30 menit dan tepat setelah Anda mengedit. Stylebot hanya melihat file yang dibuatnya di Drive Anda, dan tidak ada server Stylebot.

Konflik

Jika sebuah gaya berubah di dua komputer, editan Anda yang lebih baru dipertahankan dan versi lainnya disimpan dalam komentar, jadi tidak ada yang hilang.

Cadangan

Ekspor dan impor semua gaya Anda sebagai JSON dari Opsi.

Riwayat versi

Setiap perubahan di komputer ini disimpan di Opsi, termasuk yang masuk melalui sinkronisasi. Pulihkan versi sebelumnya mana pun, untuk sebagian situs atau semuanya.

Galeri

Galeri berisi gaya buatan orang lain dengan Stylebot. Pratinjau gaya di situs tujuannya, baca CSS-nya, dan pasang dengan sekali klik.

Memublikasikan gaya

Pilih Publikasikan ke Galeri dari menu ⋯ sebuah gaya di popup, atau dari menu ⋯ editor, lalu login dengan Google. Hasil edit Anda tetap di komputer Anda sampai Anda memublikasikan pembaruan.

Gaya Anda

Login di Galeri untuk mengganti nama atau menghapus gaya yang Anda publikasikan, serta untuk mengubah nama pengguna Anda.

Aturan URL

Secara default, Stylebot mencocokkan gaya dengan situs berdasarkan nama domain. Edit URL gaya di Opsi dan gunakan pola berikut untuk kebutuhan yang lebih spesifik.

Contoh

docs.google.com

Domain docs.google.com atau subdomainnya.

docs**

URL apa pun yang diawali docs.

docs*.google.com

docs.google.com, docs1.google.com, docs2.google.com, dan seterusnya.

*.ycombinator.com

news.ycombinator.com dan apps.ycombinator.com.

docs.google.com, spreadsheets.google.com

Salah satu domain, atau subdomainnya.

^http://www.reddit.com/$

Hanya halaman beranda Reddit.

*

Semua situs. Berguna untuk gaya yang ingin Anda terapkan di mana saja.

CLI

Perintah stylebot memungkinkan agen coding seperti Claude Code, Codex, atau Cursor mengubah tampilan situs langsung di browser Anda, memakai langganan Anda sendiri, bukan kunci API. Anda juga bisa menjalankan perintahnya sendiri.

Penyiapan

Instal CLI, hubungkan ke browser Anda, lalu aktifkan Izinkan akses baris perintah di Opsi. Halaman CLI memandu setiap langkahnya. Untuk saat ini hanya Chrome dan Edge.

Claude Code

Tambahkan plugin Stylebot dan minta perubahan dengan /stylebot, misalnya tema gelap untuk sebuah situs.

Privasi

Akses CLI nonaktif sampai Anda mengaktifkannya. Stylebot dan CLI hanya berkomunikasi satu sama lain, di komputer ini; agen mengirim apa yang dibacanya ke penyedianya sendiri.

Pintasan keyboard

Pintasan global berfungsi di halaman mana pun yang bisa diubah gayanya oleh Stylebot; ubah pintasan di setelan pintasan browser, yang ditautkan dari Opsi. Untuk pintasan editor, tekan ? di editor.

Bantuan dan dukungan

Menemukan bug atau punya ide? Buka issue di GitHub. Stylebot gratis dan open source, dikelola sejak 2011. Jika Stylebot bermanfaat bagi Anda, dukung dengan mentraktir saya kopi.