Змінити колірну схему браузера Vivaldi за замовчуванням

Ми починаємо розглядати налаштування браузера Vivaldi. Завдяки інтерфейсу браузера на основі HTML його можна налаштувати, як ніколи раніше. Ми почнемо з колірної схеми браузера за замовчуванням. Якщо вам цікаво дізнатися, як змінити кольори браузера Vivaldi, читайте далі.

Спочатку нам потрібно створити спеціальний файл для зберігання всіх наших налаштувань.

Прикріпіть власний файл CSS до браузера Vivaldi

Можна створити власний файл CSS з налаштуваннями та прикріпити його до наступного файлу:
Vivaldi\Application\[версія, напр. 1.0.94.2]\resources\vivaldi\browser.html

Зазвичай він розташований

• у Windows XP - C:\Documents and Settings\\Local Settings\Application Data\Vivaldi\Application
• у Windows Vista і новіших версіях - C:\Users\\Appdata\Local\Vivaldi\Application

Додайте новий рядок із таким текстом:

Додайте його після наступного рядка:

Отже, ви отримаєте:

Тепер створіть новий текстовий файл за допомогою Блокнота і назвіть його як custom.css. Ви можете тимчасово зберегти його на робочому столі для вашої зручності.

Змініть колірну схему браузера Vivaldi

Щоб змінити колірну схему браузера Vivaldi, додайте до цього файлу такий вміст (ви можете скопіювати та вставити наведений нижче приклад):

#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; колір:#FFFFFF!важливо}

Це перевизначить кольори інтерфейсу для вкладок, панелі інструментів та віконної рамки. Ви можете пограти з цими кольорами HTML, щоб зробити їх привабливішими. Після того як ви виберете відповідні кольори, закрийте Вівальді, перемістіть custom.css в ту саму папку, де ваше browser.html файл розташований.

Перед:

Після:

Ви закінчили!