Tip #622

Match Vivaldi browser’s theme with your iPhone’s theme.

When you’ve enabled automatic theme switches from light to dark and back or do it often manually on your iPhone or iPad, you can have Vivaldi change themes accordingly as well.

To follow the system’s theme:

  1. Go to Settings > Appearance and Theme > Browser Theme.
  2. Select “System”.
Browser theme settings in Vivaldi on iOS.

Tip #531

Go for a minimalistic and cleaner look with transparent background tabs.

Some of the adjustments you can make to your Vivaldi Theme are more subtle than others. One such customization option is removing the faint background from the tabs you have open in the background.

To make background tabs transparent:

  1. Go to Settings > Themes > Editor > Settings.
  2. Enable “Transparent Background Tabs”.
2 Vivaldi Browser's Tab Bars. Top one with Transparent Background Tabs disabled, the bottom one with the setting enabled.

Tip #482

Set a custom wallpaper for the Start Page in Vivaldi on Android.

The Start Page is a gateway to the web, showcasing all your favorite bookmarks – Speed Dials. Learn how to jazz it up with a cool wallpaper. ✨

Here’s how to set a custom wallpaper on Android:

  1. Go to Settings > Appearance > Start Page Wallpaper.
  2. Choose a wallpaper from the presets or select one from your Android phone’s/tablet’s gallery.
Start Page Wallpaper settings and example in Vivaldi on Android.

Tip #467

Force web pages to be displayed in dark mode in Vivaldi on iOS.

Some websites have created both light and dark versions of their site and check users’ preferences to decide which version to display. You can make your preference known in Settings > Appearance & Themes > Website Appearance.

In addition to the above, you can force dark mode on websites that come only in light color schemes. To do that, enable “Force dark theme on all websites” on the same Settings page.

Tip #447

Pick a custom accent color for the browser theme in Vivaldi on iOS.

A lot of people love decking the browser UI in their favorite colors. In Vivaldi’s Theme settings you can pick one of the preset colors, let the color change based on the web page you’re on, or set your very own custom color.

To pick a custom accent color:

  1. Go to Settings > Appearance & Theme > Accent Color > Custom Color Code.
  2. Enter the HEX value of your preferred color or tap the color wheel in front of it to pick a color using the grid, spectrum, or sliders.
Accent Color settings in Vivaldi on iOS showing the Grid, Spectrum and Sliders.

Tip #437

Force dark mode on websites that don’t provide a dark theme themselves.

Dark themes have been in for a while, but websites are still catching up with the trend. If you don’t want to wait, you can use Vivaldi’s settings to display even those sites in darker colors.

To enable dark mode:

  1. Go to Settings > Appearance > Website Appearance.
  2. Select “Dark”.
  3. Tick the box for “Force dark theme on all websites”.