Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

Etsi tuesta

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.

Lue lisää
Ratkaistu Arkistoitu

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

reevuur replied
reevuur

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?
Lue tämä vastaus kontekstissaan

Valittu ratkaisu

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)

Muokattu , muokkaaja reevuur

Kaikki vastaukset (6)

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;

}

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

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

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

It still doesn't work.

Valittu ratkaisu

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)

Muokattu , muokkaaja reevuur