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?
Chosen solution
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)
Read this answer in context 👍 1All Replies (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.
It still doesn't work.
Chosen Solution
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)
Modified by reevuur