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 #463

Give a rating and share your feedback on the themes you’ve downloaded from Vivaldi Themes.

There are thousands of custom themes that the Vivaldi Community has shared on themes.vivaldi.net. When you’ve downloaded a theme and you like it, head back to the theme’s page to leave a good star rating and an appreciative comment to the author. In addition to making the author happy, it also helps the best themes reach the top of the popular page.

To review a shared Vivaldi Theme:

  1. Go to themes.vivaldi.net.
  2. Log in to your Vivaldi account.
  3. Download a theme you like.
  4. Right below the theme preview, click on the stars to add your rating.
  5. Write a comment with compliments and/or feedback to the author.
A theme page on Vivaldi Themes with "Rate this theme"
Theme by Kocaelispor.

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 #427

Set a custom wallpaper for the Start Page on Vivaldi on iOS.

The Start Page is a gateway to the web, showcasing all your favorite bookmarks, Speed Dials. So, why should you be restricted to a plain startup page with limited functionality and design?

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

  1. Go to Settings > Appearance > Wallpapers.
  2. Choose a wallpaper from the presets or select one from your iPhone’s/iPad’s gallery.

Tip #383

Choose from 4 Speed Dial layout options for Vivaldi on iOS.

Speed Dials are Bookmarks that are displayed on your browser’s Start Page. In Vivaldi, you can choose how they’re displayed.

To change the look in Vivaldi on iOS:

  1. Go to  Vivaldi menu > Settings > Start Page Layout.
  2. Select your preferred layout:
    • Large Speed Dials,
    • Medium Speed Dials
    • Small Speed Dials,
    • Speed Dial list.

Got an Android device? Check Tip #157.

Tip #382

Left or right? Choose a side for your Panels.

With Vivaldi’s highly customizable user interface, you can move toolbars around as you like. The Panels Toolbar, hosting your Bookmarks, Downloads, Notes, Web Panels and more can be located either on the left or right side of the browser window. Especially when you prefer vertical Tabs (see Tip #204), you need to think about whether you want to have Tabs and Panels on either side of the window or both on the same side.

To move Panels:

  1. Go to Settings > Panels > Panel Position.
  2. Choose either Left or Right.
Two Vivaldi browser windows, showing Panels on opposite sides of the window.

Tip #367

Match Vivaldi’s App Icon with your iPhone’s and iPad’s style.

Vivaldi on iOS offers a selection of App Icons for you to choose from. Your chosen icon will be displayed on the home screen, in the App Library, and elsewhere where Vivaldi is displayed.

To choose a custom App Icon:

  1. Go to the Vivaldi menu > Settings > App Icon.
  2. Tap on the icon you’d like to use for Vivaldi.
  3. Tap “OK” to confirm your decision.
App Icon settings in Vivaldi on iOS (on the right) and the custom icon displayed on the home screen.

Tip #364

Create a schedule to change Themes automatically throughout the day.

Whether just for some variety or to give subtle hints about the time to yourself, you can make your Vivaldi browser on desktop switch the themes automatically according to your set schedule.

To schedule Themes:

  1. Go to Settings > Themes > Theme Schedule.
  2. Enable “Manual Schedule”.
  3. Adjust the timeslot lengths by using the sliders between them.
  4. Click on “Add” to create additional timeslots.
  5. Select a theme for each.
Theme Scheduling settings in Vivaldi browser.

Tip #354

Get your Extensions in order with drag and drop.

Extensions on your browser toolbar appear in the order you add them, but you can rearrange them easily.

To reorder Extensions:

  1. Hold down the Ctrl / * key on your keyboard.
  2. Drag an extension’s toolbar button to change its location among your Extensions.

On macOS, release the  key before you release the mouse button.

Tip #343

Tweak your browser theme by changing the corner rounding.

Do you like your UI elements rounded or do you prefer sharper corners? Vivaldi has you covered, so you can make things just the way you want them.

To change the corner rounding of the browser UI:

  1. Go to Settings > Themes > Editor > Settings > Corner Rounding.
  2. Move the slider left and right until you find the perfect roundness.

Tip #340

Set an Extension as the New Tab Page in your Vivaldi browser.

When you open a new tab in Vivaldi, you have various options for what’s displayed in the new tab before you navigate to a web page. You can choose between the Start Page, Home Page, Blank Page, or a web page of your choice. But there’s one more option – a New Tab Page Extension.

To set an extension for the new tab:

  1. Install an extension of your choice from Chrome Web Store.
  2. Go to Settings > Tabs > New Tab Page.
  3. Make sure Start Page is chosen and then enable “Controlled by Extension”.
Momentum extension set as the New Tab Page.

Tip #339

Reorder Address Field drop-down menu’s categories according to your preferences.

Do you use the Address Field search more for finding an entry in your History than for Bookmarks? Or do you want Frequently Visited Pages to be listed before Search Suggestions? In the Vivaldi browser, you can tailor the drop-down menu according to your needs.

To reorder the drop-down:

  1. Go to Settings > Address Bar > Drop-Down Menu Priority.
  2. Select a category you want to move.
  3. Using the arrows in the bottom right corner, move the category up or down.

Alternatively, drag and drop the categories to reorder them.

Address Field Drop-Down menu priority settings.

Tip #332

Click and drag the edge of the Tab Bar to resize it.

Moving the Tab Bar to the side of the window (see Tip #204 for instructions) is a good way to gain some vertical space for the websites you have open. But your options don’t stop there. On the side of the window, you also have the option to set the width of the Tab Bar.

To resize the Tab Bar:

  1. Hover the mouse cursor over the edge of the Tab Bar.
  2. Click and drag the mouse left or right.
  3. When you’re happy with the size, release the mouse button.

You can make the Tab Bar wider if you wish to read more of the tab titles or make it only wide enough to fit the website’s favicon.

Tip #315

Add web links to Vivaldi Browser menus.

Did you know that in addition to Bookmarks you can add links to sites you visit frequently to the browser’s menus? And we’re not just talking about the main Vivaldi menu here. You can add a link to all (context) menus Vivaldi has. Nice! 😎

To add a link to a menu:

  1. Go to Settings > Appearance > Menu > Menu customization.
  2. Select the menu you want to add the link to.
  3. From the list of Commands, drag “Open Link” to the Content column.
  4. Give the link a name.
  5. Enter the URL.
  6. Press “Enter” to create the menu item.
Vivaldi's Menu customization settings. A link to Vivaldi's Desktop Snapshot blog is being added as a new menu item.