What do I add to the CSS UI file to remove the highlight border?

[Kirikirasert]

This blue highlight around the address field. Is there a way for me to disable it?

Edit: There is also a border around my speed dial icons

[Pathduck]

@kirikirasert Most people like the highlight - it shows you where input focus is at the moment. But should be easy enough to change:

.UrlBar-AddressField:focus {
    outline: none !important;
}

.speeddial .dial:focus {
    outline: none !important;
}

There is also a border around my speed dial icons

No reason for a pouty face, most things can be solved with a little patience and learning

Please read:
https://forum.vivaldi.net/topic/10549/guide-modding-vivaldi
https://forum.vivaldi.net/topic/16684/inspecting-the-vivaldi-ui-with-devtools

[Kirikirasert]

Thanks! I can't learn coding so I am relying on the kindness of people willing to share pre-written stuff I can just copy-paste. I appreciate it a lot.

[Pathduck]

@kirikirasert You're welcome

I can't learn coding

CSS isn't coding - it's just styling rules
(OK well some of the more advanced stuff approaches coding I guess)

But are you sure, it's not really complicated to learn how to inspect the Vivaldi UI and find the bits yourself, and some basic CSS.
https://www.w3schools.com/css/default.asp

[Kirikirasert]

@pathduck I spent a lot of time trying to learn it around the time when Vivaldi first launched, and had to resign myself to the fact that like math (and things that come with it, like learning dates, how a clock work, etc.), it isn't something that my disabilities allow me to learn.

[Kirikirasert]

@pathduck I am really sorry for asking this after you provided those links, but I have spent a couple hours Edit: Just noticed it has been 8 hours trying to understand how to figure it out myself, and have gotten nowhere.

When hiding the address bar, I get a small thin line beneath the tabs. Changing the Theme's contrast settings changes its saturation.

Do you know of a way to get rid of it?