Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@chloechantelle
Created March 29, 2018 07:00
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chloechantelle/43f3ce7e2835085182201eec2bfdb938 to your computer and use it in GitHub Desktop.
Save chloechantelle/43f3ce7e2835085182201eec2bfdb938 to your computer and use it in GitHub Desktop.
Vivaldi CSS
/*To use:
Find your Vivaldi resources folder
s/t like: Vivaldi\Application\VersionNumber\resources\vivaldi
Edit browser.html and include this line:
<link rel="stylesheet" href="style/custom.css"/>
Move this file to the style folder, so you have both common.css and custom.css
Enjoy <3 */
/* fix toolbar bg being darker than address bg */
.addressfield, .searchfield {
border: none;
background: var(--colorAccentBg);
background-color: var(--colorAccentBg);
height: 24px;
}
/* center tab and address text */
.addressfield form input.url, .tab-position .tab .title {
text-align: center;
}
/* remove rubbish bin */
button.button-tabbar.toggle-trash {
display: none
}
/* remove home button */
.button-addressfield.home,.button-tabbar.home,.button-toolbar-small.home,.button-toolbar.home {
display:none !important
}
/* remove vivaldi button */
button.vivaldi {
display: none !important;
}
.tab-strip, #tabs-container .resize {
margin-left: -14px;
}
/* fix favicons */
#tabs .tab .tab-header .favicon, .favicon {
background-color: transparent !important;
box-shadow: none !important;
}
/* remove reload */
button.button-toolbar.reload {
display: none;
}
/* remove back and forward buttons */
.toolbar .button-toolbar {
display: none;
}
.addressfield {
margin-left: 0px;
margin-right: 0px;
}
/* remove new tab button */
#tabs-container .newtab {
display: none;
}
/* remove bookmarks button */
.addressfield button.button-addressfield.input-dropdown:last-child, .add-bookmark-container > button.button-addressfield {
display: none;
}
/* autohide/remove site info */
#browser:not(.private) .addressfield .addressfield-siteinfo {
opacity: 0;
display: none;
}
#browser:not(.private) .addressfield .addressfield-siteinfo:hover {
opacity: 1;
}
/* fix command and search dropdown hover bg */
.hasfocus .quick-command-container .quick-commands .quick-command[data-selected], .isblurred .quick-command-container .quick-commands .quick-command[data-selected], .urlSearch section .highlight {
/*background-color: var(--colorAccentBg);*/
background-color: var(--colorBgIntense);
color: var(--colorFgFaded);
}
.quick-command-container .quick-command-search, .quick-command-container .quick-command-search-hint {
border: none;
}
@Odiseo1987
Copy link

Hi! I'm using Linux and I'm still a little new. Can you tell me where must I place this CSS file?

Copy link

ghost commented Jul 19, 2021

Hi! I'm using Linux and I'm still a little new. Can you tell me where must I place this CSS file?

sorry for the late reply, I believe this link will help you out: https://forum.vivaldi.net/topic/10549/modding-vivaldi

@feslzr
Copy link

feslzr commented May 3, 2023

impressionante, ficou uma bosta

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment