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:

• combine-header-toolbar.css

• 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:

• combine-tab-panel.css and combine-tab-panel.js

• 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:

• chrome-webstore-css.js

• 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-undo-close.js

• 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 restoreWindows to true to re-open windows as well.

smooth-tab-switch-scroll;

• smooth-tab-switch-scroll.js

• Smooth tab switching when scrolling the tab bar. Also adds Shift+Scroll to scroll the tab bar. Within the script you can set wrap to false to disable switching to the first tab from the bottom and vice versa.

theme-css-variables:

• theme-css-variables.js

• 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:

• white-flash-fix.js

• 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.