AFAIK this has always been an issue with Mozilla Firefox and Thunderbird. They always have a number of elements that don't align with the current theme, which can be fixed by the user creating and/or modifying ".../<profile_dir>/chrome/userChrome.css
".
For instance, I add the following block (changing color values according to the GTK current theme) in order to make Thunderbir sidebar look like other sidebars:
#folderTree > treechildren::-moz-tree-row(even) {
border: 1px solid transparent !important;
background-color: #eff0f1 !important;
}
#folderTree > treechildren::-moz-tree-row(odd) {
border: 1px solid transparent !important;
background-color: #eff0f1 !important;
}
#folderTree > treechildren::-moz-tree-row(selected) {
border: 1px solid transparent !important;
background-color: #3daee9 !important;
color: #ffffff !important;
}
#folderTree > treechildren::-moz-tree-row(hover) {
border: 1px solid transparent !important;
background-color: #3daee9 !important;
}
#folderTree > treechildren::-moz-tree-line {
visibility: visible !important;
}
However, I need a little help in changing hover background color in menus and toolbars (both Firefox and Thunderbird) as can be seen in the screenshot below.
The light grey hover background color seen in the built-in menu of Firefox (and also the menu button, which is the same as other toolbar and bookmark bar buttons) should actully be light blue (like the border color of address bar).
How can I implement this?