Updated "Other notes" section to include a tweak for running this with Opera GX Theme.

@Darthagnon Good Yes, the top and bottom controls positioning of elements and is not a way to create borders. https://www.w3.org/TR/CSS21/visuren.html#position-props z-index controls layering of elements, if you want overlapping. https://www.w3.org/TR/css-position-3/#layered-presentation Once you start moving the #main element it could potentially show whatever is behind it, for instance on the bottom edge. Glad you fixed it

Thanks a lot for this great Mod luetage.

The newest snapshot makes the addressfield unreadable in private windows, made an update to fix this. I adjusted the faded colors in the urlfragment wrapper too, to make them slightly more visible compared to the main address.

@BoneTone indeed on firefox i use stylus its time to do it on vivaldi too!

@enc0re yeap i get you when i have some time or with the next update i will include some sceenshots

@Pesala Took me so long, and apparently a simple css selector applying it to everything breaks some of vivaldi's inputs (I noticed the address bar dropdown). I've updated the original post as I think a more granular approach is less likely to break things.

@nomadic thats great - thanks - need to tidy it up for my skin as i thin the tabbar and have a very light background so the white text does not work but sure i can do that - the main code works well - again thanks

I think this is implemented in current stable/snapshot

@potmeklecbohdan Oooooops! You're really right. I'll update my post immediately.

@tam710562 Well Done ! looks great !!

@RockGore Read pinned topics on this forum board.

@potmeklecbohdan said in How to set bk-color for address/search fields in Address Bar?: Vivaldi forum mod has nothing to do with Vivaldi browser, it's just an extension to theme forum.vivaldi.net. You are right. It's my mistake.

Good find, this way it isn't dependent on any hover.

An updated version for latest snap. May need few adjustments but I'll wait the next RC for it (you know, change in selectors names and so on ^^). Then I'll push the new code in the first post. #header {order: -1;} .toolbar-statusbar {order: -1; border: none !important;} /*#browser.color-behind-tabs-off*/ .toolbar-statusbar { background: var(--colorAccentBg); } .toolbar-statusbar .button-popup-arrow--above:before { top: -10px; bottom: unset; border-top: none; border-bottom: 10px solid var(--colorBgLight); } .toolbar-statusbar .button-popup-arrow--above {bottom: unset; top: 30px;}

This worked perfectly for me. I have a few modifications in custom.css, which I store in my Vivaldi folder. The changes were applied on updating, without any need to copy/paste them to common.css. Specs: AMD A10-6800K, 8 Gb on Win 10 64-bit 1809 build 17763.504 • Snapshot 2.6.1566.6 (64-bit)

@tam710562 and anyone else following along at home, @stardepp and I managed to get it working on their computer. Thanks for the great Mod!

@barbudo2005 Ouhh, ok. My correct regex did it for you. I do not often write complex rules for Stylus and while the syntax for such rules is diffes from some programming languages or Linux shells, that resulted into my faulty regex. But Fine that you can visit your forum with the formatting you like to have. And thanks for your reply.