Border around browser window?
-
This post is a bit old, but hopefully this helps someone. Add the following CSS to the beginning of your common.css file (located at Vivaldi\Application[version]\resources\vivaldi\style\common.css):
#browser.win:not(.fullscreen){ border: 1px solid var(--colorAccentBg); }
This tells Vivaldi to apply a 1 pixel border based on your current accent color whenever the window is not fullscreen (i.e. maximized).
-
Thanks for the info. I shut down Vivaldi and used Notepad to add the line of code you showed to the very top of the common.css file (above the "focus debug" comment line). It gives me the outline I wanted in Win 10 64-bit.
I only wonder if I'll have to redo this with each new version of Vivaldi...? Will find out soon enough.
-
@Vivipop From experience, yes, you will need to do this for every version, unfortunately. Not sure if there's a way to make it persistent, but I don't think there is. womp womp
-
@Vivipop
Hi, you can activate "Allow for using CSS modifications" in:
vivaldi://experiments/
Create a file "custom.css" with the CSS code in a folder of your choice outside Vivaldi and place it there.
Vivaldi does/can not overwrite it during update.Cheers, mib
-
@mib2berlin Thanks! Very helpful
-
Thanks here too; will try the alternate css location.
Incidentally I found that using the Accent color for a border doesn't stand out where two Tab panels overlap (two Vivaldi windows open). So I now use the following line in css which gives a standard Windows border:
#browser.win:not(.fullscreen){ border: 2px solid var(--colorBorder);}
This really ought to be the default IMHO. Then no workarounds needed and I can't think why anyone wouldn't want a border...
-
In vivaldi://experiments I enabled CSS Modifications.
Then I created a file "custom.css" which contains the single line:
#browser.win:not(.fullscreen){ border: 2px solid var(--colorBorder);}
I placed this file in C:\Users\(my name)\AppData\Local\Vivaldi\Application
Then in vivaldi://settings/appearance under Custom UI Modifications I entered the above path to where I had put the custom.css file.
That works - now I get the desired border, which I expect will survive Vivaldi updates.
Vivaldi should default to having a border.
-
@Vivipop
Hi and fine, I would not place the file in a Vivaldi directory, it will possible deleted when you update Vivaldi. (Not tested)
I put all my custom files to a save place.Cheers, mib
-
Yeah, I didn't understand your original directions. So I created this folder and put the custom.css file in it, where it will be safe:
C:\Users\(my name)\AppData\Local\Vivaldi Custom CSS
Then in vivaldi://settings/appearance under Custom UI Modifications I entered the above path.
Thanks for the help.
-
FYI, after a version update a while back, the border was showing up around both maximized and floating windows. Personally, I only want a border around floating windows (not maximized), and I found that in the custom CSS file, an explicit statement was needed telling the browser to remove the border when maximized/fullscreen. This is my custom CSS for the latest version of Vivaldi, which is giving me the intended behavior as described above:
#browser.win:not(.fullscreen){ border: 1px solid var(--colorAccentBg); } #browser.win.maximized, #browser.win.fullscreen { padding: 0; border-width: 0; }
-
@enc0re never edit your common.css , instead create your own custom css.. If I have to ever search through etc, I open it in read-only mode.
-
Thanks all!!
Very nice!
-
@ch3f yeah, since then a lot changed in my config ;). At that time didn't know anything about it. Now I know little bit less nothing .
-
this is fixed, at least in Linux. My forum search for 'border' turned up half dozen results, most with no answers, yet this post demonstrates there is an option in setting to use windows style from your system: https://forum.vivaldi.net/topic/1031/no-window-borders/4
Perhaps a moderator can merge all the unanswered "no borders" posts together, so we don't waste hours mucking with common.css, which I'm sure, is ill advised. -
Ppafflick moved this topic from Vivaldi for Windows on