Skip to content
A more simple and comfortable UI layout for Vivaldi browser.
Shell CSS JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE
README.md
Screenshot.png
custom.css
custom.js
vivaldiPatcher-Linux.sh
vivaldiPatcher-macOS.sh

README.md

Vivaldi Simple UI

A more simple and comfortable UI layout for Vivaldi browser.

Screenshot

Features

Elements order

  1. Home Button
  2. Back Button
  3. Forward Button
  4. Address Bar
  5. Reload Button
  6. Search Bar
  7. Extensions Wrapper

Custom icons

  • Home button
  • Bigger Back and Forward buttons
  • Bookmarks button

How to install

Automatically (Linux only)

If you are in Linux, you can clone this repo and run vivaldiPatcher-Linux.sh

./vivaldiPatcher-Linux.sh

Manually

Go to Vivaldi installation folder

  • Linux: /opt/vivaldi/resources/vivaldi
  • macOS: /Applications/Vivaldi.app/Contents/Versions/VERSION/Vivaldi/Framework.framework/Versions/A/Resources/vivaldi
  • Windows:
    • User app: C:\Users\USER\AppData\Local\Vivaldi\Application\VERSION\resources
    • System app: C:\Program Files\Vivaldi\Application\VERSION\resources

Copy custom.css inside style subfolder and custom.js into the root installation folder. Make a backup of browser.html and then edit it.

  • Inside the head element add
<link rel="stylesheet" href="style/custom.css" />
  • Inside the body element add
<script src="custom.js"></script>
  • Save the file and you are done!

How to uninstall

Automatically (Linux only)

If you want to uninstall the changes done by this program you can run

./vivaldiPatcher-Linux.sh -u

or

./vivaldiPatcher-Linux.sh --unpatch

Program help

Get script usage information by running

./vivaldiPatcher-Linux.sh -h

or

./vivaldiPatcher-Linux.sh --help
You can’t perform that action at this time.