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
  • 339 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