Themes in Vivaldi on iOS

This post is also available in:

Vivaldi on desktop is known for its many customization options and we’ve brought many of them over to Vivaldi on iOS as well.

To change the browser’s theme in Vivaldi on iOS:

1. Go to the  Vivaldi menu > Settings > Appearance & Theme > Browser Theme. 
2. Choose between:
   • System
   • Light
   • Dark

If you choose the light theme, the browser toolbars will adapt its accent colors according to the website colors.

Accent Color

You can customize the theme further by choosing an accent color for the browser toolbars. When you have the Tab Bar enabled, it will be in your chosen accent color. When the Tab Bar is hidden, the Address Bar (and if it’s at the bottom of the screen, then also the bottom toolbar) will be in the accent color.

To choose an accent color:

1. Go to the  Vivaldi menu > Settings > Appearance & Theme > Accent Color. 
2. Choose between:
   • One of the preset colors,
   • Inherit Accent Color from page,
   • Custom color – insert the color’s HEX value or tap on the color wheel in front to use a grid, spectrum, or sliders to pick the color.

---

Start Page Wallpaper

Just like on desktop, you can select a preloaded wallpaper to decorate the Start Page, use your own image, or get a new one every day with Daily Images.

To update the wallpaper:

1. Go to the  Vivaldi menu > Settings > Start Page > Wallpaper. 
2. Tap on the wallpaper of your choice or on the + button to select an image from your Photos.

Daily Image

To bring some variety to your day, you can choose to have the Start Page background update automatically each day with high-quality photography from Unsplash.

To enable Daily Images:

Option 1

1. Go to the  Vivaldi menu > Settings > Start Page > Wallpaper.
2. Toggle on Daily Image.

Option 2

1. Open a new tab with the Start Page.
2. Tap on Customize at the bottom of the page.
   Alternatively, tap on the 3 dot menu in the top right corner and select Customize Start Page.
3. Toggle on Use Daily Image.
4. Tap Done.

---

Dark mode for web pages

If, in addition to the app’s user interface, you also wish to view websites in dark mode:

1. Go to the  Vivaldi menu > Settings > Appearance & Theme > Website Appearance.
2. Select between:
   • Light,
   • Dark, or
   • Auto.

Some websites do not offer their site in dark mode. In that case, you can force dark mode, by selecting the “Dark” option and enabling Force a dark theme on all websites.