# Text colors when mouse goes by

**URL:** https://meta.discourse.org/t/text-colors-when-mouse-goes-by/118643
**Category:** Support
**Created:** [May 24, 2019, 11:16pm UTC](https://meta.discourse.org/t/text-colors-when-mouse-goes-by/118643 "2019-05-24T23:16:04Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Eduardo\_Braga](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eduardo_braga/32/110348_2.png) [@Eduardo\_Braga](https://meta.discourse.org/u/Eduardo_Braga)
#### Post date: [May 24, 2019, 11:16pm UTC](https://meta.discourse.org/t/text-colors-when-mouse-goes-by/118643/1 "2019-05-24T23:16:04Z")

</div>

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](https://global.discourse-cdn.com/meta/original/3X/5/2/52f1b40cb135b33adf032061b05925000dd7074f.png)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [May 25, 2019, 1:15am UTC](https://meta.discourse.org/t/text-colors-when-mouse-goes-by/118643/2 "2019-05-25T01:15:52Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Eduardo\_Braga](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eduardo_braga/32/110348_2.png) [@Eduardo\_Braga](https://meta.discourse.org/u/Eduardo_Braga)
#### Post date: [May 25, 2019, 2:55am UTC](https://meta.discourse.org/t/text-colors-when-mouse-goes-by/118643/3 "2019-05-25T02:55:34Z")

</div>

![alterar%20cores](https://global.discourse-cdn.com/meta/original/3X/c/f/cf00c951f5fa72e3a0e302bb09fed4f03a379aa7.png)

can not find the code to change

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [May 25, 2019, 3:16am UTC](https://meta.discourse.org/t/text-colors-when-mouse-goes-by/118643/4 "2019-05-25T03:16:23Z")

</div>

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

---

<div class="post-metadata">

### Author: ![lionel-rowe](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lionel-rowe/32/134288_2.png) [@lionel-rowe](https://meta.discourse.org/u/lionel-rowe)
#### Post date: [May 25, 2019, 6:00am UTC](https://meta.discourse.org/t/text-colors-when-mouse-goes-by/118643/5 "2019-05-25T06:00:09Z")

</div>

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 `title`s, as they’re not styled by CSS. There might be a hacky way to replace them using some custom JavaScript and `MutationObserver`s, though performance may be affected.

---

<div class="post-metadata">

### Author: ![Eduardo\_Braga](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eduardo_braga/32/110348_2.png) [@Eduardo\_Braga](https://meta.discourse.org/u/Eduardo_Braga)
#### Post date: [May 25, 2019, 4:50pm UTC](https://meta.discourse.org/t/text-colors-when-mouse-goes-by/118643/6 "2019-05-25T16:50:12Z")

</div>

Thanks for the answer

---

<div class="post-metadata">

### Author: ![lionel-rowe](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lionel-rowe/32/134288_2.png) [@lionel-rowe](https://meta.discourse.org/u/lionel-rowe)
#### Post date: [May 25, 2019, 5:19pm UTC](https://meta.discourse.org/t/text-colors-when-mouse-goes-by/118643/7 "2019-05-25T17:19:47Z")

</div>

Here’s a proof of concept:

[Repo](https://github.com/lionel-rowe/discourse-tooltips) | [Live demo](https://theme-creator.discourse.org/theme/lionel-rowe/tooltips)

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

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

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [June 24, 2019, 5:19pm UTC](https://meta.discourse.org/t/text-colors-when-mouse-goes-by/118643/8 "2019-06-24T17:19:52Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.