Change highlight colours with userContent.css

[Goodydino]

Operating system: MacOS 13.5.2
Browser version: 33.0
32-bit or 64-bit browser?: 64 bit
Problem URL:
Browser theme (if not default): Darkpitch
Installed add-ons:
Installed plugins: (about:plugins):

Is there any code that I could use to specify the highlight colours with userContent.css? I tried searching for that but was unable to find the name of the element. I know that it can be done from about:config, but my problem is not actually with Pale Moon, but with LibreWolf, which ignores the ui.textSelect settings.

[Lucio Chiappetti]

What is the "highlight colour" ? URL, visited link ? can be set globally in Preferences->Content->Colours, os site-by-ste with NoSquint
Or is something else ?

[Moonchild]

Moved because it's not about Pale Moon.

[Blacklab]

Hmm... apparently "There's an extension for it"... although helpfully the reply gives no name or link... if can find the mystery extension could unpack and see how/what method employed? https://www.reddit.com/r/LibreWolf/comm ... ing_color/

[Kris_88]

in about:config create strings:
ui.highlighttext = #ff0000
ui.highlight = #00ff00

This works for normal text selected with the mouse.

U21.png

[Goodydino]

in about:config create strings:
ui.highlighttext = #ff0000
ui.highlight = #00ff00

This works for normal text selected with the mouse.


U21.png

That seems to be a bit jerky. It also wants to select only complete words.

[Goodydino]

Hmm... apparently "There's an extension for it"... although helpfully the reply gives no name or link... if can find the mystery extension could unpack and see how/what method employed? https://www.reddit.com/r/LibreWolf/comm ... ing_color/

For LibreWolf (takes a Firefox extension), there is an extension called Stylus which can use a stylesheet to change the appearance of content, similar to userContent.css for Pale Moon.

[Potkeny]

Stylus which can use a stylesheet to change the appearance of content

Sounds like https://addons.palemoon.org/addon/stylem/ ?

[Kris_88]

That seems to be a bit jerky. It also wants to select only complete words.

What do you mean?
So put your colors, I just gave red on green as an example.

[Kris_88]

How TO - Change Text Selection Color
https://www.w3schools.com/howto/howto_c ... ection.asp

[Kris_88]

Firefox supports userContent.css, so LibreWolf should too.
1) In about:config page set
toolkit.legacyUserProfileCustomizations.stylesheets = true
2) Create a "chrome/userContent.css" file in your profile.

Code: Select all

::selection {
  color: red !important;
  background: yellow !important;
}

[Goodydino]

Firefox supports userContent.css, so LibreWolf should too.
1) In about:config page set
toolkit.legacyUserProfileCustomizations.stylesheets = true
2) Create a "chrome/userContent.css" file in your profile.

Code: Select all

::selection {
  color: red !important;
  background: yellow !important;
}

That is the one! That code works. Thanks.