Tip #56

Click on the “moon” button to switch Vivaldi Webmail to dark mode.

You can access your Vivaldi email account on webmail.vivaldi.net, where Webmail’s Elastic (default) theme offers both light and dark versions.

Click on the moon icon at the bottom left corner of the page to switch to dark mode.

When dark mode is enabled, click on the sun to return to light mode.

Tip #27

Add high quality and free images to your Vivaldi blog using Instant Images.

A common way to enhance blog posts is to add images to it. When you host your blog on Vivaldi.net, you can easily find and insert images to the blog using the Instant Images plugin. With the plugin you can add images from Unsplash, Pixabay and Pexels directly to your blog’s Media Library, without having to download the files to your computer first.

To add a photo to your blog:

  1. In the post or page editor, add a new image or gallery block.
  2. Select Media Library and go to Instant Images tab.
  3. Search through the files from Unsplash, Pixabay and Pexels.
  4. When you’ve found one you like, click on the image.
  5. After it has been added to your library, click Select in the bottom right corner of the Media Library window to add it to the post/page.

You can also go to your blog’s Dashboard > Media > Instant Images, to browse and add images to your library.

Instant Images open in Vivaldi blog's post editor.

Tip #16

Subscribe to Forum Digest to get a selection of the latest discussions and notifications in your mailbox.

  1. Log in to your Vivaldi account.
  2. Go to https://forum.vivaldi.net/me/settings.
  3. Scroll down to the Email section.
  4. Choose how often you want to receive the Digest email. Choices are:
    • Daily,
    • Weekly,
    • Bi-weekly,
    • Monthly, and
    • Off i.e. disabled.
  5. Click Save Changes.

The emails will be sent at the chosen interval to your account’s recovery email address.

Tip #9

Change the look of Vivaldi’s user interface with custom CSS modifications.

If you’re familiar with reading and writing code, you can edit the desktop browser’s user interface with your own custom CSS modifications.

To get started:

  1. In vivaldi://experiments, enable “Allow for using CSS modifications”.
  2. In Settings > Appearance > Custom UI Modifications, select the folder where you’ll store all your custom CSS files.
  3. Restart the browser.

Now you can start inspecting the user interface using Developer Tools, write up your own CSS for the elements you want to change and see the browser transform to fit your preferences even more.

Vivaldi Community shares and works on modifications together on the Forum’s Modifications category. Feel free to ask assistance and share your work there.

Important! Code shared on the forum has not been reviewed by the Vivaldi Team. Which means that issues, including security issues, may be present.

If you don’t want to risk corrupting your main browser profile, test your modifications in a different User Profile or use a Standalone version of Vivaldi.

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.