Постараюсь осветить тут основные моменты которые требуются для того чтобы изменить внешний вид браузера Вивальди под себя.

Интферфейс Вивальди как веб-сайт. Его "страницей" является "browser.html" - это HTML-страница с использованием CSS и JavaScript.

Сама "веб-страница" браузера, которая находится в файле "browser.html" практически пуста. Все элементы добавляются с помощью JavaScript-файла "bundle.js" уже после запуска браузера.

Пути по которым лежат данные файлы для ОС Windows: "...\Vivaldi\Application\*номер версии*\resources\vivaldi\". Для MacOS: "/Applications/Vivaldi.app/Contents/Versions/$last version$/Vivaldi Framework.framework/Resources/vivaldi/".

  1. Запустить Vivaldi с ключами "--flag-switches-begin --debug-packed-apps --silent-debugger-extension-api --flag-switches-end"
  2. После чего любом элементе можно будет нажать правой кнопкой и просмотреть исходный код элемента, теперь можно на лету менять стили оформления.
  3. Нужные css правила копируем в отдельный .css файл. Например custom.css
  4. Подключаем его в "...\Vivaldi\Application\*номер версии*\resources\vivaldi\browser.html". Прописав "<link rel="stylesheet" href="custom.css"/>" после "<link rel="stylesheet" href="style/common.css" />"
  5. Перезапустить браузерр или просто нажать CTRL+N и увидить все изменения в новом запущенном окне Vivaldi
Спасибо пользователю An_dz и anephew