Tag: themes

Tip #183

— Posted inDesktop, Vivaldi Tips — 1 min read

Combine Vivaldi on Windows with Razer Chroma to make browsing more immersive and personal.

If Santa brought you new Razer Chroma gear for your computer, you can include Vivaldi in the color play. When Razer Chroma devices have been connected, your Theme‘s accent color will be reflected on the devices.

To enable Razer Chroma integration:

  1. Make sure your Chroma devices are connected to your computer.
  2. Go to Settings > Themes > Razer Chroma Theme Integration.
  3. Click Enable Razer Chroma Integration.
  4. Select the devices you want to sync with Vivaldi.

Make it more fun by enabling Accent from Page in your active theme’s settings or by setting up theme scheduling.

Tip #176

— Posted inCommunity Blogs, Community Services, Forum, Themes, Vivaldi Social, Vivaldi Tips, Webmail — 1 min read

Check the status and availability of Vivaldi’s online services on vivaldistatus.com.

Whether we’re doing scheduled maintenance or servers are acting up despite all the love we give them, there’s always a chance that Vivaldi’s online services will be temporarily unavailable. With scheduled maintenance we notify our users ahead of time via email* and notifications on the website, so downtime wouldn’t come as a surprise. With unexpected outages our system administrators do their best to get things back up again as fast as possible.

If you’re having trouble accessing and using Vivaldi services, it’s good to check our status page on https://vivaldistatus.com, to confirm whether the services are operational or there’s something going on.

*Make sure you’re subscribed to Technical Updates on your account’s profile on Vivaldi.net.

Tip #164

— Posted inDesktop, Vivaldi Tips — 1 min read

Decrease Accent Color Saturation in Theme settings for a more pastel look on the browser interface.

Vivaldi Theme settings allow you to display your chosen color or a color of the active page on the Tab Bar or Navigation Bar (depends on your Color Overrides settings). While your chosen color is most likely perfect, colors from active pages can sometimes be too bright. If the vivid colors become too distracting, you can fix that in Theme settings.

To adjust accent color saturation:

  1. Go to Settings > Themes.
  2. Go to the Editor tab and from the drop down menu select the theme you want to update.
  3. Adjust the value of Limit Accent Color Saturation to your liking.

The smaller the value the more subdued the color will be.

Two Vivaldi Browser windows, one in front of the other. The one in the background has 100% color saturation, the one on the foreground 60% saturation.

Tip #152

— Posted inCommunity Services, Desktop, Themes, Vivaldi Tips — 2 min read

Share your custom browser theme with the community on themes.vivaldi.net.

Creativity has no limits and with the Themes editor in Vivaldi, you can let it run wild. Change the colors, add a custom background, tweak the settings and you have yourself a custom theme. Would be a shame to keep it to yourself. Themes.vivaldi.net is the place where Vivaldi users can share their creations with the community and already over 3000 themes have been published on the website.

Here’s how you can share your theme:

  1. Go to Settings > Themes > Library and select the theme you want to share.
  2. Click on Export Theme below the themes.
  3. Save the ZIP file to your computer.
  4. Go to Vivaldi Themes on https://themes.vivaldi.net.
  5. Log in to your Vivaldi account.
  6. Click Upload in the top right corner of the page.
  7. Fill in the details about the theme (in English) and upload the ZIP file.
  8. When you’re ready, click Create theme.

Vivaldi Team will review your theme and publish it. You’ll be notified once the theme has been published (also, when for some reason, the theme was rejected).

The homepage of themes.vivaldi.net in a Vivaldi browser window using a theme from a community member (vladstudio).
Themes.vivaldi.net homepage. Theme by vladstudio.

Tip #107

— Posted inAndroid, Vivaldi Tips — 1 min read

View web pages in dark mode on Vivaldi for Android.

Switching content into dark mode on big and small screens alike has become more and more popular and for a good reason. Dark mode is less straining on the eyes and improves readability of texts among other benefits.

To switch web pages into dark mode:

  1. Go to Vivaldi menu > Settings > Theme > Dark Web Pages.
  2. Toggle on Dark mode for Web Pages.

In case you need to “turn the lights on” for the current page, disable Dark Theme from the Vivaldi menu.

Vivaldi browser on two phones. One with the web page in light mode the second in dark mode.

Tip #100

— Posted inCommunity Services, Desktop, Themes, Vivaldi Tips — 1 min read

Select a different Theme for the Private Window.

Private Windows in Vivaldi have a different Theme from regular Windows to make it easier to see which one you’re using. You can set any theme from your Theme Library as the Private Window’s theme by:

  1. Going to Settings > Themes > Private Window Theme.
  2. Selecting a theme from the drop-down menu.

To add Themes created by the Vivaldi Community to your Theme Library, install them from themes.vivaldi.net.

Private and regular windows with different themes.
Private Window with a theme by かつの 悦夫えつお in the foreground and a regular window with a theme by TheJhonX in the background.

Tip #93

— Posted inAndroid, Vivaldi Tips — 1 min read

Choose a custom Theme color for Vivaldi on Android.

By default, with a light theme, Vivaldi on Android will change the Address and Tab Bar colors based on the open website. To change the accent color:

  1. Go to the Vivaldi menu button Vivaldi menu > Settings > Appearance > Themes.
  2. Choose between:
    • Adaptive color based on the open web page,
    • One of the preset colors,
    • Custom color (insert the color’s Hex value).

Tip #72

— Posted inDesktop, Vivaldi Tips — 1 min read

Add a new background image by right-clicking on an image and selecting Use Image as Window Background.

To update your browser’s Theme with a new background image, you don’t necessarily have to add a file from your computer, you can also set an image from the web as your background image.

  1. Find an image you like.
  2. Right-click on the image.
  3. Select Use Image as Window Background.
  4. Open Start Page to see how it looks.
A web page with a large image and context menu open on top.

Tip #18

— Posted inDesktop, Vivaldi Tips — 1 min read

Switch Themes with a keyboard shortcut.

Not in the mood for the current theme, but don’t feel like opening Themes Settings either to pick a different one? No problem. In Vivaldi, you can switch to the next theme in your Theme Library with a Keyboard Shortcut.

Since the command doesn’t come with a default shortcut, you first need to assign one to it.

  1. Go to Settings > Keyboard > View.
  2. Find the command ‘Next Theme’ on the list.
  3. Assign a shortcut to it.

Now, whenever you feel like changing the theme, just use the shortcut. Use it multiple times in a row to shuffle through all themes in your Theme Library.

By the way, you can also type “Next Theme” in Quick Commands or use a Mouse Gesture.

Tip #3

— Posted inCommunity Services, Desktop, Themes, Vivaldi Tips — 1 min read

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.

Theme by Mak0013