Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

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

How can I change the background and text color of the selected email in TB 115?

  • 6 odgovori
  • 2 ima ovaj problem
  • 48 views
  • Posljednji odgovor poslao reevuur

more options

I have noticed that most of my css no longer works in TB 115.

How can I change the background and text color of the selected email in TB 115?

I have noticed that most of my css no longer works in TB 115. How can I change the background and text color of the selected email in TB 115?

Izabrano rješenje

Found it.

/* Message Pane - Hover Message background-color */ tr:hover {

background-color: lightblue  !important;

}

/* Message Pane - Selected Message background-color */ tr.selected {

background-color: yellow  !important;

}

Note: Hover >>> tr + semicolon Selected >>> tr + dot (No idea why)

Pročitajte ovaj odgovor sa objašnjenjem 👍 1

All Replies (6)

more options

Still working on this new code as well. Try this:

/* Message Pane - Hover Message background/foreground-color */ tr:hover {

 background-color: lightgrey  !important;

}

/* Message Pane - Selected Message background/foreground-color */ tr.selected {

 background-color: #29116e  !important;

}

more options

Sorry, but it doesn't work in my userChrome.css (TB 115.2.2)

more options

Still haven't found out how to change the background color and text color of selected message

more options

Try this:

@namespace html url("http://www.w3.org/1999/xhtml");

html|tr[is="thread-row"].selected {
  color: navy !important;
  background-color: orange !important; 
}


To change the colour on hover:

html|tr[is="thread-row"]:hover {
  color: navy !important;
  background-color: lightgrey !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

more options

It still doesn't work.

more options

Odabrano rješenje

Found it.

/* Message Pane - Hover Message background-color */ tr:hover {

background-color: lightblue  !important;

}

/* Message Pane - Selected Message background-color */ tr.selected {

background-color: yellow  !important;

}

Note: Hover >>> tr + semicolon Selected >>> tr + dot (No idea why)

Izmjenjeno od strane reevuur