8

Background: I love Chrome, and I love using it for reading the news. However I prefer a lower contrast reading background. When you highlight all the text on a web page, the background goes blue, and the text goes white. This is okay if I need to know it's highlighted but not pleasant for reading. However, if you click in the address bar while the text is highlighted, you get this great black on grey effect which is perfect for me. However, when in that mode, you can't use the keypad to navigate the page, you can only scroll.

So here's my question: How can I change the default highlight in Chrome color from blue to grey?

I posted this on the Chrome dev site years ago but nobody ever answered it, and I gave up (even deleted the link... bit of malaise I guess). I have just discovered superuser, and I bet someone here is up to the task.

Wiser2k1
  • 81
  • 1
  • 1
  • 4
  • Here is the Chrome feature request I created for improving this situation: https://crbug.com/1231644 Please star it and add your use case in the comments. It'll help the developers justify working on this. – Ram Rachum Oct 12 '21 at 15:47

6 Answers6

4

There is now a new and more easy to use chrome extension that does this. Its called Custom Highlight and you can install it here.

Andreto
  • 41
  • 3
  • 1
    This is exactly what I've been waiting for! Took me 4 years to find it (I had given up). Thanks! – Wiser2k1 Jul 13 '19 at 17:30
  • 1
    This does not change live search / quick find color (when pressing `ctrl + F`), which stays yellow – gaborous Jun 18 '20 at 21:56
  • 1
    @gaborous, I will look into if this is possible. If you want you can create an issue for this on the [Custom Highlight GitHub page](https://github.com/Andreto/Custom-Highlight). – Andreto Jun 20 '20 at 06:13
  • @Andreto I did not know the extension was opensource, that's awesome! Kudos for the great work! OK I'll open an issue, and thank you very much for looking into this :-) – gaborous Jun 23 '20 at 09:15
  • This still holds now: > This does not change live search / quick find color (when pressing ctrl + F), which stays yellow. Ugly strong yellow!!!!!!!!!!!! – Good Pen Oct 14 '22 at 06:29
2

If you're on a mac, you can change the system highlight color, which will change the color of the highlighting in chrome.

System Preferences > General > Highlight Color

Kyle Chadha
  • 301
  • 2
  • 6
2

There's also this Chrome extension called Highlight Color which does exactly that

And actually looks pretty neat from what I can see from the screenshots.

Bloke
  • 1,107
  • 1
  • 12
  • 16
  • This would solve the issue but wow, it requires access to all data about visited websites... a bit too much IMHO – ccalboni Nov 27 '17 at 10:25
  • Set background color to `#f18458` and (foreground) color to `#ffffff` then you can get the same selected effect in Firefox Ubuntu. – Rick May 30 '19 at 04:10
1

If you want to change ALL colors to improve readability, and not necessary be able to choose what exact color to change to, then I've found that FreshEyes (source code here) is the only truly universal color changer, as it changes not only the text and highlighting color of selected text, but also of highlighted results by quick find / live search (when pressing ctrl + F to find a text on the web page).

When you activate this extension, make sure to disable other color changers as these may overwrite and revert the changes that FreshEyes does (so at first I thought it didn't work, until I disabled the other extensions I was testing).

gaborous
  • 1,853
  • 1
  • 18
  • 15
  • 1
    Thanks for the input! 6 years after posting this I still get occasional bites. I've worked around the problem using two extensions: High Contrast, and Custom Highlight – Wiser2k1 Jan 21 '21 at 17:59
  • 1
    Thank you very much for sharing what you use! I'd like to add another contender: [Dark Mode](https://mybrowseraddon.com/dark-mode.html). Although meant to be a dark mode theme switcher, it can be styled with CSS however you want. Note however that it's not opensource. – gaborous Jan 31 '21 at 04:40
  • 1
    Also I'm not sure why my answer was downvoted: FreshEye does change the default blue color of Chrome's text highlighting into another color (to grey or cyan). We just can't specifically set what color we want, we have to choose from various presets that also change the rest of the website's colors, but it does. And it's opensource, so feel free to have a look and make your own plugin to just change the highlighting color. – gaborous Jan 31 '21 at 04:42
  • 1
    I have discovered Dark Mode and it's great! – Wiser2k1 Sep 16 '21 at 04:39
1

An alternative is to use Dark Reader, an open-source extension to make all websites under dark mode, but the dark mode can be disabled so you can also use it just as a website CSS restyler. There is an optional new design that can be enabled to allow changing text highlighting color easily, this works with the latest Chrome version (114.0.5735.199) and it should also work on Mozilla Firefox, otherwise you can also make a CSS rule to have more granularity in how you change your text highlighting.

gaborous
  • 1,853
  • 1
  • 18
  • 15
  • 1
    Dark Reader looks like a good one. I currently use one called "Dark mode for your browser" which satisfies most situations. – Wiser2k1 Jul 18 '23 at 20:04
1

I doubt it can be done with a vanilla version of the latest releases of Chrome per this response to a similar question about user stylesheets. You could use a plugin like Stylish. You could then look for a good premade stylesheet or you could make your own.

(The article above says that this isn't supported in Chrome. Ignore that, it works now.)

Community
  • 1
krowe
  • 5,493
  • 1
  • 24
  • 31