Введение
Постараюсь осветить тут основные моменты которые требуются для того чтобы изменить внешний вид браузера Вивальди под себя.
обновлено 19 апреля 2025
Интферфейс Вивальди как веб-сайт. Его "страницей" является "window.html" - это HTML-страница с использованием CSS и JavaScript.
Сама "веб-страница" браузера, которая находится в файле "window.html" практически пуста.
Начинаем
Внешний вид браузера описан в файле "...\Vivaldi\Application\*номер версии*\resources\vivaldi\style\common.css". Но его не стоит редактировать так как он весьма большой и таким образом не получиться переносить внесённые вами правки в новые версии браузера. Стоит сохдать свой CSS-файл с произвольным именем, куда уже прописать все нужные вам стили (правки).
- На странице vivaldi://inspect/#apps нажать "Inspect" прямо под надписью "Vivaldi".
- В открывшихся окне нажать на эту иконку с курсором
Внедряем изменения
обновлено 19 апреля 2025
Открываем "window.html из папки "...\Vivaldi\Application\...\resources\vivaldi" (так где троеточие у вас будет какой-то номер, это версия браузера установленного у вас) и после строчки
< link rel="stylesheet" href="style/custom.css" / >
добавляем строчку
< link rel="stylesheet" href="mycss.css" / > /* вместо "mycss" можно использовать произвольное название, это название вашего файла с CSS-стилями*/
Vivaldi 2.6 и более свежии версии
- Открываем vivaldi://experiments
- Включаем "Allow for using CSS modifications"
- Открываем "Настройки" > "Внешний вид""
- Указываем папку в разделе "Свои файлы настройки UI
- Кладём свой CSS-файл в эту папку
- Перезагружаем браузер и смотрим результ
