Any way to change the blue text selection color? (blue background with white text)

[seeley]

Is there any way to change the blue text selection/highlight color? It's always blue #338FFF regardless of which theme I select. Also, this color is not in my system window colors. I also tried a Chrome extension called Highlight Color but it doesn't seem to be working any more. Thanks.

[luetage]

@seeley Visit vivaldi://settings/themes/ and click on the pen button. There you can change the highlight color. But I'm not sure if you mean user interface highlight color, or highlight over webpages. The only thing you probably cannot change is the highlight color of menus.

[sjudenim]

I know what you are referring to and it had annoyed me for awhile but not enough to do something about it, until now, so thanks for that.

This is doable but much like when we try to theme the scrollbars in Vivaldi, it's a 2 step process. We can make a custom.css which works for the UI but not on web pages. So In order for that to work as well you will need to use the same code but in an extension like Stylus and simply have it apply to everything.

Here's the code

::selection {
    background-color: #ffb7b7 !important;
    color: white;
}

You can have it match the highlight colour you set in your theme using var(--colorHighlightBg) but that will only work on the UI, Stylus won't recognise it so you would have to enter the value manually there

[seeley]

Thanks so much. I cannot effect the this text selection color in themes or while editing the themes with the pen button. The blue highlight is unaffected.

Also, the code:

::selection {
background-color: #ffb7b7 !important;
color: white;
}

only effects the certain fields and not regular browser text.

[luetage]

@seeley That's exactly what sjudenim told you. For webpages you have to write a userstyle or use an extension like Stylus.

[seeley]

@luetage OK. I didn't understand at first. Thanks.

EDIT: It works. Thanks sjudenim.