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

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

Selected message color

  • 3 uphendule
  • 0 zinale nkinga
  • 326 views
  • Igcine ukuphendulwa ngu 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

Isisombululo esikhethiwe

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)

Funda le mpendulo ngokuhambisana nalesi sihloko 👍 3

All Replies (3)

more options

Isisombululo Esikhethiwe

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