Themes

This post is also available in: 日本語 Русский Español Português Français Nederlands Ukrainian Српски

Changing the interface of Vivaldi with Themes

Go to Settings > Themes to:

  • Select one of the predefined themes;
  • Edit a predefined theme by selecting a theme and then clicking the Edit button Edit Theme button, or
  • Create your own theme by clicking the Add button Add Theme button.
Theme settings with focused theme editor

If you clicked the Edit button Edit Theme or Add button Add Theme button, a theme editor will appear.

  • Use the colour picker or input a hex colour code to change the Background, Foreground, Highlight and Accent colours.
  • You can also decide whether the accent colour is the one you chose or it changes to match the website you’re on.
  • Enabling ‘Apply Accent Colour to Window‘ will use the accent colour on the Tab Bar and horizontal menu (available on Windows and Linux). If disabled, the accent colour will show on the Address Bar and active tab.
  • In addition, the background of tabs can be nontransparent or transparent.
    Tab Bar with a nontransparent background Tab Bar with transparent tab background
  • Last but not least, corner rounding allows for another level of personalisation.

Private Window Theme

Vivaldi has a separate theme for Private Windows to make it easier to differentiate them from regular Windows. To change the Private Window Theme:

  1. Go to Settings > Themes > Private Window Theme;
  2. Select a theme from the drop down menu.

Scheduling browser Themes

With theme scheduling you can set your favourite themes to be enabled during specified times throughout the day. For example, enabling a light theme during daylight hours, and switching to a darker theme in the evening.

  1. Go to Settings > Themes;
  2. Enable Scheduled Themes by ticking the box for Schedule Theme to Change ;
  3. Drag the sliders to adjust theme change times;
  4. Click on a time slot to open a drop down menu and choose which theme you want to use;
  5. Click on Add button and delete button buttons to add/remove theme changing times.
Theme scheduling settings

Matching the OS theme

You can also make your browser’s theme match the light or dark theme of your operating system. In Settings > Themes > Scheduled Themes, select Use Operating System Theme and assign any pre-installed or custom theme for both the light and dark mode.


Window Background Image

In addition to editing the colour schemes of the user interface, you can make the browser even more personal by adding an image to the Tab Bar.
To enable and edit this option go to Settings > Appearance > Window Background Image and check the box for Show Window Background Image.
You can also select whether the image is scaled to fit or repeated. The latter is a good option for seamless patterns.
In addition, you can decide whether the image is blended together with the Window Accent Colour or not.

Window Background Image settings

Dark mode for web pages

If you prefer dark themes and want the web page content to match, first look through the website settings as the site may already offer a dark mode option. If there’s no dark mode available, you can use an Extension to switch web page colours.

IMPORTANT Using extensions may alter the website’s functionality or break it altogether. Disable or remove the extension when you notice that websites are no longer behaving as expected.

Was this page helpful?