Tweaks to the Vivaldi browser to match KDE/Plasma Breeze theme. In order to add these tweaks to Vivaldi, place the CSS files in a new folder, then go to vivaldi://experiments/ and enable "Allow for using CSS modifications", finally in vivaldi://settings/ go to Custom UI Modifications and select the folder that you just created.
- tabs.css: change the look of tabs to match more closely the one of KDE. Should be used with a theme with the following setting for the classic Breeze colors, but feel free to experiment.
(you can use the accent color or not according to your taste, and also add some rouded corners if you want, the theme will still work)
If you prefer to apply the Accent color to the window, use the -inverted version of the files, i.e. buttons-inverted.css and tabs-inverted.css
- buttons.css: if you want to use the non-native window (which saves quite a bit of vertical space), this file will reskin the maximize/minimize/close buttons to match (as closely as possible) those of Breeze window decorations.
- non-native-window-with-shadow-kde.mp4: a little tutorial that shows how to have window shadow when using non-native window. You may want to combine this with KDE shapecorners plugin to have rounded window corners (click on the next image to play).
- Stacked tabs do not look nice (they do not look nice in plain Vivaldi either)
- When "Start page" tab is not in foreground, an ugly favicon background is displayed.
- Close button does not change color when window is active (probably unfixable)
- Title bar button glyphs are slightly smaller (this is caused by the original SVG being just 10x10, hard to fix)