Tip #152

Share your custom browser theme with the community on themes.vivaldi.net.

Creativity has no limits and with the Themes editor in Vivaldi, you can let it run wild. Change the colors, add a custom background, tweak the settings and you have yourself a custom theme. Would be a shame to keep it to yourself. Themes.vivaldi.net is the place where Vivaldi users can share their creations with the community and already over 3000 themes have been published on the website.

Here’s how you can share your theme:

  1. Go to Settings > Themes > Library and select the theme you want to share.
  2. Click on Export Theme below the themes.
  3. Save the ZIP file to your computer.
  4. Go to Vivaldi Themes on https://themes.vivaldi.net.
  5. Log in to your Vivaldi account.
  6. Click Upload in the top right corner of the page.
  7. Fill in the details about the theme (in English) and upload the ZIP file.
  8. When you’re ready, click Create theme.

Vivaldi Team will review your theme and publish it. You’ll be notified once the theme has been published (also, when for some reason, the theme was rejected).

The homepage of themes.vivaldi.net in a Vivaldi browser window using a theme from a community member (vladstudio).
Themes.vivaldi.net homepage. Theme by vladstudio.

Tip #107

View web pages in dark mode on Vivaldi for Android.

Switching content into dark mode on big and small screens alike has become more and more popular and for a good reason. Dark mode is less straining on the eyes and improves readability of texts among other benefits.

To switch web pages into dark mode:

  1. Go to Vivaldi menu > Settings > Theme > Dark Web Pages.
  2. Toggle on Dark mode for Web Pages.

In case you need to “turn the lights on” for the current page, disable Dark Theme from the Vivaldi menu.

Vivaldi browser on two phones. One with the web page in light mode the second in dark mode.

Tip #100

Select a different Theme for the Private Window.

Private Windows in Vivaldi have a different Theme from regular Windows to make it easier to see which one you’re using. You can set any theme from your Theme Library as the Private Window’s theme by:

  1. Going to Settings > Themes > Private Window Theme.
  2. Selecting a theme from the drop-down menu.

To add Themes created by the Vivaldi Community to your Theme Library, install them from themes.vivaldi.net.

Private and regular windows with different themes.
Private Window with a theme by かつの 悦夫えつお in the foreground and a regular window with a theme by TheJhonX in the background.

Tip #93

Choose a custom Theme color for Vivaldi on Android.

By default, with a light theme, Vivaldi on Android will change the Address and Tab Bar colors based on the open website. To change the accent color:

  1. Go to the Vivaldi menu button Vivaldi menu > Settings > Appearance > Themes.
  2. Choose between:
    • Adaptive color based on the open web page,
    • One of the preset colors,
    • Custom color (insert the color’s Hex value).

Tip #72

Add a new background image by right-clicking on an image and selecting Use Image as Window Background.

To update your browser’s Theme with a new background image, you don’t necessarily have to add a file from your computer, you can also set an image from the web as your background image.

  1. Find an image you like.
  2. Right-click on the image.
  3. Select Use Image as Window Background.
  4. Open Start Page to see how it looks.
A web page with a large image and context menu open on top.

Tip #18

Switch Themes with a keyboard shortcut.

Not in the mood for the current theme, but don’t feel like opening Themes Settings either to pick a different one? No problem. In Vivaldi, you can switch to the next theme in your Theme Library with a Keyboard Shortcut.

Since the command doesn’t come with a default shortcut, you first need to assign one to it.

  1. Go to Settings > Keyboard > View.
  2. Find the command ‘Next Theme’ on the list.
  3. Assign a shortcut to it.

Now, whenever you feel like changing the theme, just use the shortcut. Use it multiple times in a row to shuffle through all themes in your Theme Library.

By the way, you can also type “Next Theme” in Quick Commands or use a Mouse Gesture.

Tip #3

On Vivaldi Themes, click on “Download theme” to preview the theme before installing it.

When browsing themes.vivaldi.net for new Themes for your desktop Vivaldi browser, you can get a live preview of the theme by clicking “Download theme”.

Then you have 1 minute to see how the theme looks. Make sure to check the Start Page to see how the awesome background image looks behind your Speed Dials. Other places where the user interface colours are clearly visible are Panels, Settings, Mail, etc.

When you’re satisfied with the theme, click “Install” in the pop-up to add the theme to your Theme Library. If it’s not really what you were looking for, click “Cancel” or let the preview time run out.