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

Введение

Сейчас я использую стандартный скин Вивальди, серого светлого цвета. Меня в нём не устраивает то что сгруппированию вкладку не видно почти среди остальных и я захотел её выделить. Этим я сегодня и займусь и попутно сделаю туториал как я это делаю.

Начинаем

Для начала открываем страницу vivaldi://inspect/#apps и нажимаем "Inspect" прямо под надписью "Vivaldi". В открывшемся окне нажимаем на иконку с курсором и наводим курсор на сгруппированную вкладку.

Теперь передвигая курсор в инспекторе по дереву структуры страницы, у нас в интерфейсе браузера будет подсвечиваться элемент к которому относится та или иная строчка. Находим нужный нам элемент, начинаем с ним эксперементировать.

В итоге у меня получился вот такой код:

.tab-position.is-substack { box-shadow: 0px -2px black; }

В итоге над сгруппированной вкладкой у нас появилась жирная линия. Но оказалось, что если развернуть окно на весь экран, то эту линию не видно. Поэтому пришлось ещё добавить сдвиг:

.tabs-at-edge #tabs-tabbar-container.top { padding-top: 5px; }

Вот теперь я получил вроде бы то что хотел.

Завершаем

И теперь надо это всё применить на постоянной основе. Для этого открываем папку "...\Vivaldi\Application\4.2.2406.48\resources\vivaldi" (так где цифры у вас будет какой-то другой номер, это версия браузера установленного у вас). Тут создаём файл с произвольным именем, у меня это будет "Illumination of stack tabs" и обязательно формата CSS. Записываем полученный текст в него.

После чего открываем в этой же папке файл "browser.html" и дописываем в него строчку с указанием нашего файла. Положение этой строчки важно.

Видео как это всё делалось:

Скачать последнию версию мода.

FoxWMulder - Site administrator