CSS modification for Vivaldi Browser that grants webpages the full browser window height. Inspired by Arc Browser.
Don't miss future releases of Vivaldi VH by subscribing to the Release Notes feed using the Vivaldi Feed Reader!
Version: 1.4.1
Target Vivaldi Browser versions: 6.5
Fixes:
Update instructions:
.css
file.
Appearance
and note the folder set under Custom UI Modifications
..css
file of this release and overwrite the current file in your folder.vivaldi-vh.css
file and place it in a folder of your choice.vivaldi://experiments
.Allow CSS modifications
.Appearance
.Custom UI Modifications
, click Select Folder
and select the folder that contains the downloaded vivaldi-vh.css
file.Tabs
and set Tab Bar Position
to Left
or Right
.Keep in mind that Vivaldi VH will disable itself when it detects invalid settings. View the README for more information.
Settings > Appearance > Custom UI MOD
.vivaldi-vh-vivalarc.css
file and place it in the folder you selected in the previous step.Keep in mind that Vivaldi VH will disable itself when it detects invalid settings. View the README for more information.
This release introduces the heavily requested ability to forego the tab bar in favor of the Window panel. When you disable the tab bar, the panel will be automatically positioned in its place inside the Pillar.
v1.4.0 also introduces several other changes to make Vivaldi VH more flexible. Most notably, you can now set the title bar to span the entire window width, ensuring that the window buttons are always where you expect them to be.
This version also marks the first release of a second edition of Vivaldi VH: The VivalArc Edition! This is a slightly modified edition of Vivaldi VH that is designed to be used in combination with VivalArc, a CSS modification by tovi for Vivaldi Browser that aims to mimic the aesthetics of Arc Browser. Check it out here: https://arc.tovi.fun
Don't miss future releases of Vivaldi VH by subscribing to the Release Notes feed using the Vivaldi Feed Reader!
Version: 1.4.0
Target Vivaldi Browser versions: 6.5
Changes:
vvh-enable-titlebar-full-width
is now available, which grows the title bar to take up the entire width of the browser window.vvh-toggle-on
and vvh-toggle-off
are now available, which receive a special icon and hide themselves depending on the current activation state of Vivaldi VH.vivaldi-vh.css
file, custom CSS properties are now exposed for the following settings:
Fixes:
Click here to view the full changelog.
Update instructions:
.css
file.
Appearance
and note the folder set under Custom UI Modifications
..css
file of this release and overwrite the current file in your folder.vivaldi-vh.css
file and place it in a folder of your choice.vivaldi://experiments
.Allow CSS modifications
.Appearance
.Custom UI Modifications
, click Select Folder
and select the folder that contains the downloaded vivaldi-vh.css
file.Tabs
and set Tab Bar Position
to Left
or Right
.Keep in mind that Vivaldi VH will disable itself when it detects invalid settings. View the README for more information.
Settings > Appearance > Custom UI MOD
.vivaldi-vh-vivalarc.css
file and place it in the folder you selected in the previous step.Keep in mind that Vivaldi VH will disable itself when it detects invalid settings. View the README for more information.
Don't miss future releases of Vivaldi VH by subscribing to the Release Notes feed using the Vivaldi Feed Reader!
Version: 1.3.1
Target Vivaldi Browser versions: 6.2
Changes:
Fixes:
Click here to view the full changelog.
Update instructions:
vivaldi-vh.css
file.
Appearance
and note the folder set under Custom UI Modifications
.vivaldi-vh.css
file of this release and overwrite the current file in your folder.vivaldi-vh.css
file and place it in a folder of your choice.vivaldi://experiments
.Allow CSS modifications
.Appearance
.Custom UI Modifications
, click Select Folder
and select the folder that contains the downloaded vivaldi-vh.css
file.Tabs
and set Tab Bar Position
to Left
or Right
.Keep in mind that Vivaldi VH will disable itself when it detects invalid settings. View the README for more information.
This release changes some default behaviors of Vivaldi VH, enables resizing of the search field and fixes a lot of bugs, some of which have been longstanding.
The biggest change in v1.3.0 is that the panel is no longer incorporated into the Pillar by default, in order to harmonize better with default settings on a new browser profile. Rest assured that this can be reverted using a newly added Command Chain Flag. More information on why this change was made can be found in the full changelog.
Don't miss future releases of Vivaldi VH by subscribing to the Release Notes feed using the Vivaldi Feed Reader!
Version: 1.3.0
Target Vivaldi Browser versions: 6.2
Changes:
vvh-enable-panel-in-pillar
is now available, which restores the previous panel behaviour.Fixes:
Known Issues:
Update instructions:
vivaldi-vh.css
file.
Appearance
and note the folder set under Custom UI Modifications
.vivaldi-vh.css
file of this release and overwrite the current file in your folder.vivaldi-vh.css
file and place it in a folder of your choice.vivaldi://experiments
.Allow CSS modifications
.Appearance
.Custom UI Modifications
, click Select Folder
and select the folder that contains the downloaded vivaldi-vh.css
file.Tabs
and set Tab Bar Position
to Left
or Right
.Keep in mind that Vivaldi VH will disable itself when it detects invalid settings. View the README for more information.
This release fixes some issues that came up with the recently released Vivaldi Browser version 6.2.
Don't miss future releases of Vivaldi VH by subscribing to the Release Notes feed using the Vivaldi Feed Reader!
Version: 1.2.2
Target Vivaldi Browser versions: 6.2
Fixes:
Update instructions:
vivaldi-vh.css
file.
Appearance
and note the folder set under Custom UI Modifications
.vivaldi-vh.css
file of this release and overwrite the current file in your folder.vivaldi-vh.css
file and place it inside a folder of your choice.vivaldi://experiments
.Allow CSS modifications
.Appearance
.Custom UI Modifications
, click Select Folder
and select the folder that contains the downloaded vivaldi-vh.css
file.Tabs
and set Tab Bar Position
to Left
or Right
.Keep in mind that Vivaldi VH will disable itself when it detects invalid settings. View the README for more information.
Vivaldi VH will now consider the "Use Native Window" setting when applying styles to the address bar.
Don't miss future releases of Vivaldi VH by subscribing to the Release Notes feed using the Vivaldi Feed Reader!
Version: 1.2.1
Target Vivaldi Browser versions: 5.7, 6.0
Fixes:
Update instructions:
vivaldi-vh.css
file.
Appearance
and note the folder set under Custom UI Modifications
.vivaldi-vh.css
file of this release and overwrite the current file in your folder.vivaldi-vh.css
file and place it inside a folder of your choice.vivaldi://experiments
.Allow CSS modifications
.Appearance
.Custom UI Modifications
, click Select Folder
and select the folder that contains the downloaded vivaldi-vh.css
file.Tabs
and set Tab Bar Position
to Left
or Right
.Keep in mind that Vivaldi VH will disable itself when it detects invalid settings. View the README for more information.
With this version of Vivaldi VH, the title bar is no longer required to activate the Pillar layout. Additionally, you can now use toolbar linebreaks for more control over how toolbar components spread across the address bar and status bar.
Don't miss future releases of Vivaldi VH by subscribing to the Release Notes feed using the Vivaldi Feed Reader!
Version: 1.2.0
Target Vivaldi Browser versions: 5.7, 6.0
Changes:
addressbar-universal-flex-grow
or statusbar-universal-flex-grow
is disabled, components of the respective toolbar are now initially justified to the left instead of centered.Click here to view the full changelog.
Update instructions:
vivaldi-vh.css
file.
Appearance
and note the folder set under Custom UI Modifications
.vivaldi-vh.css
file of this release and overwrite the current file in your folder.vivaldi-vh.css
file and place it inside a folder of your choice.vivaldi://experiments
.Allow CSS modifications
.Appearance
.Custom UI Modifications
, click Select Folder
and select the folder that contains the downloaded vivaldi-vh.css
file.Tabs
and set Tab Bar Position
to Left
or Right
.Keep in mind that Vivaldi VH will disable itself when it detects invalid settings. View the README for more information.
Version: 1.1.0
Target Vivaldi Browser versions: 5.7, 5.8
Changes:
Click here to view the full changelog with additional thoughts behind specific changes.
Fixes:
Update instructions:
vivaldi-vh.css
file.vivaldi-vh.css
file of this release and overwrite the current file in your folder.vivaldi-vh.css
file and place it inside a folder of your choice.vivaldi://experiments
.Allow CSS modifications
.Appearance
.Custom UI Modifications
, click Select Folder
and select the folder that contains the downloaded vivaldi-vh.css
file.Tabs
and set Tab Bar Position
to Left
or Right
.Appearance
and under Window Appearance
, tick the box for Show Title Bar
.Keep in mind that Vivaldi VH will disable itself when it detects invalid settings. View the README for more information.
Vivaldi VH is a CSS modification for Vivaldi Browser that grants your webpages the entire vertical space of the browser window by moving the rest of the UI into a separate column.
Version: 1.0.0 Target Vivaldi Browser versions: 5.7, 5.8
Installation instructions:
vivaldi-vh.css
file and place it inside a folder of your choice.vivaldi://experiments
.Allow CSS modifications
.Appearance
.Custom UI Modifications
, click Select Folder
and select the folder that contains the downloaded vivaldi-vh.css
file.Tabs
and set Tab Bar Position
to Left
or Right
.Appearance
and under Window Appearance
, tick the box for Show Title Bar
.Keep in mind that Vivaldi VH will disable itself when it detects invalid settings. View the README for more information.