Windows 10 will reach EOS (end of support) on October 14, 2025. For more information, see this article.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Selected message color

  • 3 replies
  • 0 have this problem
  • 329 views
  • Last reply by sfhowes

more options

How do I change the selected message color? Currently, it is a very light grey, almost indistinguishable. I'm on 128.0.1

How do I change the selected message color? Currently, it is a very light grey, almost indistinguishable. I'm on 128.0.1

Chosen solution

This can be done with css, for cards or table view (see picture):

/* card bg colour for selected messages */
tr[is="thread-card"].selected .card-container {
     color: black !important;
     background-color: lightgreen !important; 
}

/* row bg colour for selected messages table view*/
tr[is="thread-row"].selected {
  color: white !important;
  background-color: red !important; 
}


Help/Troubleshooting Info, Profile Folder, Open Folder, close TB, create a new folder named chrome, create a new document in chrome with a text editor, name it userChrome.css, Save as type: All files *.*, copy in the above code, change the colours as desired. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Settings/General/Config. editor, restart TB.

Online css generator

video on how to create a css file (Firefox and TB)

Read this answer in context 👍 3

All Replies (3)

more options

Chosen Solution

This can be done with css, for cards or table view (see picture):

/* card bg colour for selected messages */
tr[is="thread-card"].selected .card-container {
     color: black !important;
     background-color: lightgreen !important; 
}

/* row bg colour for selected messages table view*/
tr[is="thread-row"].selected {
  color: white !important;
  background-color: red !important; 
}


Help/Troubleshooting Info, Profile Folder, Open Folder, close TB, create a new folder named chrome, create a new document in chrome with a text editor, name it userChrome.css, Save as type: All files *.*, copy in the above code, change the colours as desired. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Settings/General/Config. editor, restart TB.

Online css generator

video on how to create a css file (Firefox and TB)

more options

Thanks that worked a charm.

more options