Text colors when mouse goes by

Product Support

AI-generated summary

Text colors when mouse goes by

The discussion revolves around changing the color of tooltips that appear when a mouse hovers over text. Eduardo_Braga wants to change the color, similar to Gmail, but couldn’t find a way to do so. codinghorror suggests that it’s not possible as it’s controlled by the operating system and browser.

lionel-rowe explains that it’s the difference between browser-native tooltips and custom tooltips, and that changing it site-wide is not straightforward due to CSS limitations. However, lionel-rowe provides a proof of concept using custom JavaScript and setInterval to replace tooltips, which can be found in a GitHub repository and a live demo.

1

I do not know the name but would like to change the colors, but I did not find how to do that.

I want the same as Gmail

gmail
gmail698Ă—184 12.6 KB

2

I am not following, please provide a screenshot of Discourse, not some random other service with no relationship to Discourse.

3

alterar%20cores

can not find the code to change

4

You can’t change that AFAIK, it’s set by your computer’s operating system and the browser.

5

It’s the difference between browser-native tooltips (implemented with the title attribute) and custom tooltips, implemented in some other way.

It’s not elementary to change on a site-wide basis — you can’t just add some custom CSS to change the appearance of titles, as they’re not styled by CSS. There might be a hacky way to replace them using some custom JavaScript and MutationObservers, though performance may be affected.

6

Thanks for the answer

7

Here’s a proof of concept:

Repo | Live demo

Strictly for reference only and not production ready… unless you reeeally love Comic Sans MS, in which case, use at will. :grin:

This is actually even hackier than what I originally suggested — it uses setInterval every 100ms rather than a MutationObserver.