Zmień domyślny schemat kolorów przeglądarki Vivaldi

Zaczynamy omawiać dostosowywanie przeglądarki Vivaldi. Dzięki interfejsowi przeglądarki opartemu na HTML można go modyfikować jak nigdy dotąd. Zaczniemy od domyślnego schematu kolorów przeglądarki. Jeśli chcesz wiedzieć, jak zmienić kolory przeglądarki Vivaldi, czytaj dalej.

Najpierw musimy stworzyć specjalny plik do przechowywania wszystkich naszych poprawek.

Dołącz własny plik CSS do przeglądarki Vivaldi

Możliwe jest stworzenie własnego pliku CSS z poprawkami i dołączenie go do następującego pliku:
Vivaldi\Aplikacja\[wersja, np. 1.0.94.2]\resources\vivaldi\browser.html

Zwykle znajduje się

• w Windows XP - C:\Documents and Settings\\Ustawienia lokalne\Dane aplikacji\Vivaldi\Aplikacja
• w systemie Windows Vista i nowszych — C:\Użytkownicy\\Appdata\Local\Vivaldi\Aplikacja

Dodaj nową linię z następującym tekstem:

Dodaj go po następującym wierszu:

Więc dostaniesz:

Teraz utwórz nowy plik tekstowy w Notatniku i nazwij go jako niestandardowe CSS. Dla wygody możesz tymczasowo zapisać go na Pulpicie.

Zmień schemat kolorów przeglądarki Vivaldi

Aby zmienić schemat kolorów przeglądarki Vivaldi, dodaj następującą zawartość do tego pliku (możesz skopiować i wkleić poniższy przykład):

#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; kolor:#FFFFFF!ważne}

Spowoduje to przedefiniowanie kolorów interfejsu kart, paska narzędzi i jego ramki okna. Możesz bawić się tymi kolorami HTML, aby wyglądały ładniej. Po wybraniu odpowiednich kolorów zamknij Vivaldi, przesuń swoje niestandardowe CSS do tego samego folderu, w którym twój przeglądarka.html plik jest zlokalizowany.

Przed:

Później:

Gotowe!