Linux (Zorin OS) Dark Mode not working
On my Linux host (Zorin 16, based on Ubuntu 20.04), the Vivaldi theme doesn't respect the "Use Operating System Theme" setting. Other apps on the host are using the dark theme, but Vivaldi keeps rendering the light theme.
Neither is the
prefers-color-scheme: darkCSS selector working when the OS is in dark mode. This becomes clear when visiting a site which is designed for automatically switching to a dark theme based on the OS setting, and can be demonstrated by visiting https://codepen.io/hongaar/pen/mdwXXZv. I see the following text regardless of the OS theme:
The light theme is preferred
Thanks for a wonderful browser!
Confirmed on Pop OS 20.04 as well.
Still the same (Pop!_OS 21.10).
Same issue on Manjaro 21.2.5. People claim that it's a chromium limitation, however, I tried Brave and it seems to pick up my Operating System's Dark Mode correctly.
@manas73 In fact it does so, but only in the background (you can see a version of it by pushing a few buttons -and partially anyway, for example the native title bar and the menus-). Vivaldi is not Brave, it has its own UI on top of Chromium which you can customize in the Settings, including themes.
@npro I'm not sure what you mean. Ideally, a browser detects the OS' Theme to use prefers-color-scheme. This becomes clear when visiting a site that is designed for automatically switching to a dark theme based on the OS setting, and can be demonstrated by visiting https://codepen.io/hongaar/pen/mdwXXZv.
Setting Vivaldi's Theme to Dark does not change this behavior, the websites still come up in Light Mode.
Looks like you can run Vivaldi using the following command and it works as expected. It doesn't "invert" the colors so not all websites show up in dark mode, only the ones that have a dark mode do.
vivaldi-stable --force-dark-mode --enable-features=WebUIDarkMode
Here is the output from https://codepen.io/hongaar/pen/mdwXXZv
To make it easier to launch Vivaldi using the desktop shortcut, you add
/usr/share/applications/vivaldi-stable.desktopas shown below.
Note: There are three entries in the
[Desktop Action new-window], and
[Desktop Action new-private-window]. Add the flags in the
Execline for the first two, and optionally the third one depending on whether you want incognito windows to also have dark mode.
@Manas73 worked, thanks!
@Manas73 It resets the file on system restart.
@kzhe No, wait the file is fine, it just stops working.
@kzhe It still works for me, the only caveat is that we need to add these flags everytime Vivaldi is updated.
Just create a Shortcut
This is so annoying. Why is this not fixed yet?? I mean, you even give me the option to reflect the operating system theme, but it's just broken. That's bad quality assurance. Vivaldi sticks out like a sore thumb because it can't even change its own theme, let alone site CSS. It's so aggravating.
Perhaps enabling UseGTK works for you.
That worked for me on Ubuntu and Debian.
chrome://settings/?search=GTK, switch to GTK and restart Vivaldi.