Ubah skema warna default browser Vivaldi

Kami mulai membahas kustomisasi browser Vivaldi. Berkat UI browser berbasis HTML, dimungkinkan untuk mengubahnya tidak seperti sebelumnya. Kita akan mulai dengan skema warna default browser. Jika Anda tertarik untuk mengetahui cara mengubah warna browser Vivaldi, baca terus.

Pertama, kita perlu membuat file khusus untuk menyimpan semua tweak kita.

Lampirkan file CSS sendiri ke browser Vivaldi

Dimungkinkan untuk membuat file CSS kita sendiri dengan tweak dan melampirkannya ke file berikut:
Vivaldi\Application\[versi, mis. 1.0.94.2]\resources\vivaldi\browser.html

Biasanya terletak

• di Windows XP - C:\Documents and Settings\\Local Settings\Application Data\Vivaldi\Application
• di Windows Vista dan yang lebih baru - C:\Users\\Appdata\Local\Vivaldi\Application

Tambahkan baris baru dengan teks berikut:

Tambahkan setelah baris berikut:

Jadi Anda akan mendapatkan:

Sekarang buat file teks baru dengan Notepad dan beri nama sebagai custom.css. Anda dapat menyimpannya sementara di Desktop untuk kenyamanan Anda.

Ubah skema warna browser Vivaldi

Untuk mengubah skema warna browser Vivaldi, tambahkan konten berikut ke file itu (Anda dapat menyalin dan menempelkan contoh di bawah):

#header{background-color:#1F262A} .toolbar.toolbar-addressbar{background-color:#1F262A} #tabs .tab.active{background-image:#1F262A} #tabs.tab-stacking-tooltip .tab.active .tab-group-indicator .tab-indicator.active{background-color:#1F262A} .favicon-current-background-color{background-color:#1F262A} .favicon-current-color{color:#1F262A} .favicon-current-border-color{border-color:#1F262A} #browser.popup{background-color:#1E1E1E} #tabs-container.left,#tabs-container.right{background-color:#1F262A} #tabs .tab: not(.active):hover{background-color:#1E1E1E!important} #tabs .tab: not(.active){background-color:#1F262A!important; warna:#FFFFFF!penting}

Ini akan mendefinisikan ulang warna antarmuka untuk tab, bilah alat, dan bingkai jendelanya. Anda dapat bermain dengan warna html ini untuk membuatnya lebih baik mencari Anda. Setelah Anda memilih warna yang tepat, tutup Vivaldi, pindahkan custom.css ke folder yang sama di mana Anda browser.html file berada.

Sebelum:

Setelah:

Kamu selesai!