Как изменить цветовую схему по умолчанию в браузере Vivaldi

Мы начинаем рассказывать о настройке браузера Vivaldi. Благодаря пользовательскому интерфейсу браузера на основе HTML его можно настроить как никогда раньше. Мы начнем с цветовой схемы браузера по умолчанию. Если вам интересно узнать, как изменить цвета браузера Vivaldi, читайте дальше.

Во-первых, нам нужно создать специальный файл для хранения всех наших настроек.
СОДЕРЖАНИЕ Прикрепите собственный файл CSS к браузеру Vivaldi Изменить цветовую схему браузера 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

Добавьте новую строку со следующим текстом:

<link rel="stylesheet" href="custom.css" />

Добавьте его после следующей строки:

<link rel="stylesheet" href="style/common.css" />

Так вы получите:

<link rel="stylesheet" href="style/common.css" /> <link rel="stylesheet" href="custom.css" />

Теперь создайте новый текстовый файл с помощью Блокнота и назовите его 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 {цвет фона: # 1F262A} .favicon-current-color {цвет: # 1F262A} .favicon-current-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; color: #FFFFFF! important}

файл vivaldi custom.css
Это переопределит цвета интерфейса для вкладок, панели инструментов и рамки окна. Вы можете поиграть с этими цветами html, чтобы они выглядели лучше. Выбрав нужные цвета, закройте Vivaldi и переместите свой custom.css в ту же папку, где находится ваш файл browser.html.

До:

цвета по умолчанию для браузера vivaldi

После:

Браузер vivaldi темные цветаВы сделали!

Добавить комментарий

Ваш адрес email не будет опубликован.