Muuta Vivaldi-selaimen oletusvärimallia

Aloitamme Vivaldi-selaimen mukauttamisen. HTML-pohjaisen selaimen käyttöliittymän ansiosta sitä on mahdollista muokata enemmän kuin koskaan ennen. Aloitamme selaimen oletusvärimallilla. Jos olet kiinnostunut tietämään, kuinka muuttaa Vivaldi-selaimen värejä, lue eteenpäin.

Ensin meidän on luotava erityinen tiedosto tallentaaksemme kaikki säätömme.

Liitä oma CSS-tiedosto Vivaldi-selaimeen

On mahdollista luoda oma CSS-tiedosto hienosäädöllä ja liittää se seuraavaan tiedostoon:
Vivaldi\Application\[versio, esim. 1.0.94.2]\resurssit\vivaldi\browser.html

Yleensä se sijaitsee

• Windows XP: ssä - C:\Documents and Settings\\Paikalliset asetukset\Sovellustiedot\Vivaldi\Sovellus
• Windows Vistassa ja uudemmissa - C:\Users\\Appdata\Local\Vivaldi\Application

Lisää uusi rivi seuraavalla tekstillä:

Lisää se seuraavan rivin jälkeen:

Joten saat:

Luo nyt uusi tekstitiedosto Notepadilla ja nimeä se nimellä custom.css. Voit tallentaa sen väliaikaisesti työpöydälle avuksesi.

Muuta Vivaldi-selaimen värimaailmaa

Jos haluat muuttaa Vivaldi-selaimen värimaailmaa, lisää tiedostoon seuraava sisältö (voit kopioida ja liittää alla olevan esimerkin):

#header{background-color:#1F262A} .toolbar.toolbar-addressbar{background-color:#1F262A} #välilehdet .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!tärkeää} #tabs .tab: not(.active){background-color:#1F262A!tärkeää; väri:#FFFFFF!tärkeää}

Tämä määrittää uudelleen välilehtien, työkalupalkin ja sen ikkunakehyksen käyttöliittymän värit. Voit leikkiä näillä html-väreillä tehdäksesi niistä kauniimpia. Kun olet valinnut oikeat värit, sulje Vivaldi ja siirrä custom.css samaan kansioon, jossa sinun browser.html tiedosto sijaitsee.

Ennen:

Jälkeen:

Olet valmis!