Skift Vivaldi-browserens standardfarveskema

Vi begynder at dække Vivaldi browsertilpasning. Takket være en HTML-baseret browser-UI, er det muligt at finjustere det som aldrig før. Vi starter med browserens standardfarveskema. Hvis du er interesseret i at vide, hvordan du ændrer Vivaldi-browserfarver, så læs videre.

Først skal vi oprette en speciel fil til at gemme alle vores tweaks.

Vedhæft egen CSS-fil til Vivaldi-browseren

Det er muligt at oprette vores egen CSS-fil med tweaks og vedhæfte den til følgende fil:
Vivaldi\Applikation\[version, f.eks. 1.0.94.2]\ressourcer\vivaldi\browser.html

Normalt er det placeret

• i Windows XP - C:\Documents and Settings\\Local Settings\Application Data\Vivaldi\Application
• i Windows Vista og nyere - C:\Users\\Appdata\Local\Vivaldi\Application

Tilføj en ny linje med følgende tekst:

Tilføj det efter følgende linje:

Så du får:

Opret nu en ny tekstfil med Notesblok og navngiv den som

custom.css. Du kan midlertidigt gemme det på skrivebordet for din bekvemmelighed.

Skift Vivaldi browser farveskema

For at ændre Vivaldi-browserens farveskema skal du tilføje følgende indhold til den fil (du kan kopiere og indsætte eksemplet nedenfor):

#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; farve:#FFFFFF!important}

Dette vil omdefinere grænsefladefarverne for fanerne, værktøjslinjen og dens vinduesramme. Du kan lege med disse html-farver for at gøre dem pænere til at se efter dig. Når du har valgt de rigtige farver, skal du lukke Vivaldi, flytte din custom.css til den samme mappe, hvor din browser.html filen er placeret.

Før:

Efter:

Du er færdig!