CustomHooks
CustomHooks copied to clipboard
Sporif
My own hooks for Vivaldi
CustomHooks
Just some css/js modifications for Vivaldi.
Instructions:
Either use VivaldiHooks (which only works on 1.12 and below) or add them to browser.html, located at
YOURVIVALDIDIRECTORY\Application\VERSION\resources\vivaldi
For .css files add this line to the head element:
<link rel="stylesheet" href="custom.css" />
For .js files add the this line to the body element:
<script src="custom.js"></script>
(obviously replacing custom.js or custom.css with the appropriate file name)
Now add the corresponding file to the Vivaldi folder (alongside browser.html)
Hooks:
combine-header-toolbar:
-
Combines the header and toolbar into a single bar. Compatible with any tab bar position and the 'Native Window' setting. You may need to change some values to suit your configuration.
combine-tab-panel:
-
Places the vertical tabs container on top of the panels container when they're on the same side. Also adds splitters to resize them.
chrome-webstore-css:
-
Allows adding css to https://chrome.google.com/webstore. However you can only add css as a variable in the script itself.
middle-click-undo-close;
-
Middle click on the tab bar to re-open the last closed tab (instead of creating a new one). Within the script you can set
restoreWindowsto true to re-open windows as well.
smooth-tab-switch-scroll;
-
Smooth tab switching when scrolling the tab bar. Also adds Shift+Scroll to scroll the tab bar. Within the script you can set
wrapto false to disable switching to the first tab from the bottom and vice versa.
theme-css-variables:
-
Sends the current theme's css variables to chrome:// and vivaldi:// urls. With an extension like chromedotfiles, this allows styling those pages based on the currently applied theme.
white-flash-fix:
-
Fixes the white flash that occurs when navigating away from the start page or blank page. It sets the color to the current theme's background color.
Sporif