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.
Mainos
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!