Tip #618

Change Themes automatically to match your operating system’s light/dark mode setting.

Whether you switch between light and dark modes on your computer manually or you’ve set up a schedule to switch between them automatically, you can select different Vivaldi Themes for both operating system’s light and dark modes.

To assign themes for light and dark modes:

  1. Go to Settings > Themes > Theme Schedule.
  2. Select “Operating System”.
  3. Choose a theme for both Light and Dark.
Theme Settings in Vivaldi browser. An arrow is pointing at the Theme Schedule section.

Tip #545

Don’t forget to link your sources when sharing your custom Vivaldi Theme.

Vivaldi Themes has thousands of themes created by the Vivaldi Community members. Some have been made from scratch with a custom Start Page background image and toolbar button icons. Others have used sources available online.

In the latter case, when you’re uploading your own theme to Vivaldi Themes, first make sure that you’re even allowed to use the image and, secondly, remember to add a link to the source.

Vivaldi Themes upload page. Arrow pointing to image source field.

Tip #520

Browse additional Themes from the same author on Vivaldi Themes.

When you find a beautiful theme created by one of our community members in the Vivaldi Themes gallery and like the author’s style, browse their other themes to find even more gorgeous creations.

To view all themes by the author:

  1. Go to themes.vivaldi.net and look for one you like.
  2. Click on the theme to view its page.
  3. In the theme information section, click on the name next to “Made by”.
A theme page with an arrow pointing at the author's name.

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

Let your theme’s background image shine through the Tab Bar and Panels.

You’ll mainly see the background image on your Start Page, but by tweaking some settings you can make it visible on the Tab Bar and behind Panels as well.

To adjust your theme’s transparency settings:

  1. Go to Settings > Themes > Editor.
  2. Select the them you want to edit.
  3. Go to the Settings section.
  4. Adjust the Panel transparency level, and toggle on Tab Bar and background tab transparency as you wish.
    In addition, you can apply a blur effect to the background image.

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

Customize Vivaldi Social’s user interface to your liking with a new theme.

At Vivaldi, we provide you with plenty of options to customize your environment according to your preferences. Both in the browser and on our web services. On Vivaldi Social, we offer you 10 different theme variations to choose from.

To change the theme:

  1. Go to Preferences > Appearance > Site theme.
  2. Choose the one you like.
  3. Click “Save changes”
  4. Go back to Vivaldi Social to view the theme.

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

Create a copy of a theme and edit that, instead of changing the original.

Themes in the Vivaldi Browser allow you to make the browser more personal. Though there are many default themes to choose from and a huge selection on themes.vivaldi.net, the one you like might be missing that final touch that makes it perfect for you. But instead of updating the original theme, create a copy of it and update the copy. That way you can go back to the original theme or use it again to create another theme.

To copy and edit a theme:

  1. Go to Settings > Themes.
  2. Select the theme you want to use as the base.
  3. Click on “New Theme”.
  4. Make changes to the copy.
Theme Settings open in Vivaldi. Copied theme is being renamed.

Tip #289

Download Custom Icons for your browser from Vivaldi Themes.

Using Custom Icons with your browser theme, allows you to take the uniqueness of your Vivaldi to yet another level. You can create an icon for each toolbar button yourself or you can make use of the numerous Themes with Custom Icons the creative minds of Vivaldi Community members have shared with everyone.

To download custom icons:

  1. Go to themes.vivaldi.net.
  2. Click on, for example, “View all featured themes” to open a page with all the filtering options.
  3. In the menu on the left, tick the box for “Custom Icons”.
  4. Apply other filters, if you wish.
  5. Find a theme you like.
  6. Download it to get a preview and if you want to keep it, click Install.

To use custom icons from a different theme with your active theme:

  1. Go to Settings > Themes > Editor > Icons.
  2. Make sure “Use Icon Set from” is enabled and select a theme from the drop-down menu.
Theme

Tip #266

Switch Workspaces with one click with the aid of Command Chains, Toolbar Editor and Custom Icons.

There are some unique ways you can use different Vivaldi features together to make the browser behave the way you want it. For example, with the help of Command Chains, Toolbar Editor and Custom Icons you can take Workspaces to the next level. Here’s how:

Step 1 – Create Command Chains for switching Workspaces.

  1. Go to Settings > Quick Commands > Command Chains.
  2. Create a new chain and give it a name.
  3. Replace the placeholder command with “Switch to Workspace #”. The number corresponds to the order in which you created your Workspaces.

Create a chain for every workspace. In each chain, you can also add other commands that will be executed at the same time. For example, add the command “Switch to theme” to make workspaces visually more different.

Step 2 – Add Command Chain buttons to a toolbar.

  1. Open the Toolbar Editor.
  2. Select the Command Chains section.
  3. Drag the buttons you made for Workspaces to a toolbar of your choice.

Step 3 – Add Custom Icons.

By default all Command Chain buttons looks the same, but you can add Custom Icons to make each button stand out.

  1. Go to Settings > Themes > Editor > Icons.
  2. In the list of icons, find the Command Chains you created.
  3. Select one and replace the default icon with one you’ve created.

For a more in depth description of this feature combination and final results, take a look at our blog post and video here.

One section of Vivaldi Browser's window, showing half of the Address and Panel bars. The latter includes Command Chains with custom icons above other Panel buttons.

Tip #254

Light up your surroundings in Vivaldi Theme colors with Philips Hue.

Do you use Philips Hue lights at home? Did you know that you can connect them to Vivaldi and have the lights change colors together with Vivaldi Themes?

To connect Philips Hue with Vivaldi:

  1. First, make sure your Hue lights are connected to the same network as the browser.
  2. Then, go to Settings > Themes > Philips Hue Theme Integration and tick the box for Enable Hue.
  3. Once enabled, click on Find bridge and click the button on your Bridge to confirm the connection.

The lights will be in the theme’s accent color. The color show will be more noticeable, if you have Accent Color from Active Page or Theme Scheduling with frequent switches enabled.

Don’t have Philips Hue lights, but do use Razer Chroma devices? Check Tip #183, to see how to link Razer Chroma and Vivaldi.

Tip #211

Use the filtering options on Vivaldi Themes to find the perfect Vivaldi browser theme for you.

Vivaldi Themes just got an update, which makes finding browser themes that match your preferences a lot easier. For example, you can look up the most popular anime and manga themes incorporating the color yellow, the newest minimalist themes in black or any other combination you can think of.

To find your perfect theme:

  1. Go to themes.vivaldi.net.
  2. On the homepage, click on “View all featured/popular/latest themes”.
  3. On the next page in the menu on the left side, select the criteria according to which you want to filter the themes.
  4. Browse through results and click on the theme for a closer look to preview and install the theme.

If you’ve made an amazing theme and want to share it with others, upload it to Vivaldi Themes by following the instructions in Tip #152.