@Pathduck Solved! Thank you!

@Pathduck This is an extension I made a while back, it has the clock in the middle and there is an option to use solid color rather than an image.

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

@Hadden89 That's because they've changed the .addressbar and .addressfield to .URLBar and .URLField Just replace this line var bar = document.querySelector(".toolbar-addressbar"); with this var bar = document.querySelector(".UrlBar");

Deleted four fifths of this mod, because in latest snapshot Vivaldi stopped theming the addressfield and searchfield in private windows differently. No more reverting needed.

@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.

I think this is implemented in current stable/snapshot

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

In the newest version, they have moved that address bar or something. Now, there's a break in the bar. Can you fix it? It's a really good theme. Thanks!

@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.

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)

I would like the URL to also contain the "www". So I found this in this topic: .theme-1.addressfield-mask .host .host-sub:not([data-host-sub="www"]) { color: var(--colorHighlightBg); } But that does not work for me. How can you change that so that it works? Furthermore, it would be very good if the "hhtp://" was colored green. How can you implement this?

@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.