Cara menyesuaikan mode gelap ChatGPT dengan CSS
Diperbarui 15 Juni 2026
Jawaban cepat
Menyesuaikan warna latar belakang ChatGPT dengan CSS memerlukan pengelola gaya seperti Stylus untuk memasukkan penggantian khusus. Anda dapat menulis CSS yang menargetkan akar halaman untuk menggantikan hitam murni dengan abu-abu, namun metode ini sangat rapuh. OpenAI sering memperbarui nama kelas dan struktur DOMnya, sehingga merusak gaya pengguna tanpa peringatan. GPT Master menghilangkan tugas pemeliharaan ini dengan menonton dan secara otomatis menghapus atribut OLED ChatGPT, menjaga tema abu-abu lembut tetap utuh.
Banyak pengguna beralih ke gaya pengguna khusus untuk melewati tata letak hitam murni ChatGPT. Meskipun menulis aturan CSS Anda sendiri menawarkan kontrol desain penuh, ini berubah menjadi proyek berulang. Setiap pembaruan kecil pada antarmuka ChatGPT berisiko merusak gaya khusus Anda dan memaksa Anda untuk menulis ulang kode Anda.
- 1
Instal pengelola gaya seperti Stylus
Tambahkan ekstensi gaya pengguna ke browser Anda untuk memungkinkan injeksi stylesheet khusus di situs web tertentu.
- 2
Buat aturan gaya untuk ChatGPT
Tambahkan target gaya baru untuk chatgpt.com. Gunakan kode CSS [data-oled] { --main-surface-primary: #202123; } atau targetkan variabel root untuk mengganti latar belakang gelap.
- 3
Gunakan GPT Master untuk perbaikan bebas perawatan
Jika CSS khusus rusak setelah pembaruan ChatGPT, instal GPT Master. Aktifkan Mode gelap lama di popover Kontrol cepat untuk memulihkan tata letak abu-abu tanpa menulis kode.
GPT Master
Berhenti mengedit kode untuk memperbaiki tema Anda. Kembalikan tema abu-abu secara instan.
Pertanyaan yang sering diajukan
- Mengapa CSS ChatGPT khusus saya terus rusak?
- ChatGPT dibuat sebagai aplikasi satu halaman dan sering menerima pembaruan. Saat OpenAI mengubah nama kelas internal atau atribut tema, pemilih khusus Anda tidak lagi cocok dengan elemen halaman.
- Apakah Stylus atau CSS khusus memperlambat browser saya?
- Menyuntikkan beberapa baris CSS memiliki dampak kinerja yang dapat diabaikan. Namun, menjaga agar stylesheet tetap diperbarui seiring perubahan situs memerlukan upaya manual.
- Bagaimana cara GPT Master menangani mode gelap secara berbeda dari CSS?
- Daripada mengandalkan pemilih kelas CSS yang rapuh, ekstensi ini memantau atribut laman akar. Saat indikator tema OLED muncul, GPT Master langsung menghapusnya.
Panduan terkait
Siap menyelesaikan masalah ini untuk selamanya?
Berhenti mengedit kode untuk memperbaiki tema Anda. Kembalikan tema abu-abu secara instan.
Buat ChatGPT bekerja sesuai cara nyata Anda menggunakannya.
★★★★★ 4.8 di Chrome Web Store 4,000+ Pengguna Aktif Free untuk memasang
Tambahkan ke Chrome