We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

ابحث في الدعم

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

Drop Down Menu Selection Highlight Color Help

more options

Hello Hive Mind. I upgraded to Thunderbird Version 91.1.2 (32-bit) and am having a bit of a problem with my drop down menu colors. I am using a Thunderbird Theme and changing that does not change my issue.

Initially, I had an issue with the background color on my drop down menu's being displayed as black and the text as white, despite my Windows theme selection being light. The drop down menu would also show a gray shadow over the text when I hovered the mouse pointer over that selection, before I made it. (helped to make sure I wanted to choose that particular option)

I have solved part of my issue with some additions to my userChrome.css file, and am now able to see a lighter background on the drop down menu and a different text color of my choosing. However, I cannot figure out how to make the selection highlight (hover) color change, so I can make sure I have made the correct choice from the menu. (In the Before photo, it would be the grey color over the menu item. In the After picture - same selections - I cannot see a separate hover color highlighting my selections)


This is what I put in my userChrome file to make the changes to the background color and text color:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

/* change color of background in menus and toolbars */ menupopup > menu, menupopup > menuitem,popup > menu, popup > menuitem {background-color: whitesmoke !important;}

/*change font color of popup menus*/ menupopup > menu, menupopup > menuitem,popup > menu, popup > menuitem {font-weight: bold !important; color: royalblue !important;}


I am a beginner with understanding .css code and may have ventured too far into uncharted water. Any help would be appreciated! Robin

Hello Hive Mind. I upgraded to Thunderbird Version 91.1.2 (32-bit) and am having a bit of a problem with my drop down menu colors. I am using a Thunderbird Theme and changing that does not change my issue. Initially, I had an issue with the background color on my drop down menu's being displayed as black and the text as white, despite my Windows theme selection being light. The drop down menu would also show a gray shadow over the text when I hovered the mouse pointer over that selection, before I made it. (helped to make sure I wanted to choose that particular option) I have solved part of my issue with some additions to my userChrome.css file, and am now able to see a lighter background on the drop down menu and a different text color of my choosing. However, I cannot figure out how to make the selection highlight (hover) color change, so I can make sure I have made the correct choice from the menu. (In the Before photo, it would be the grey color over the menu item. In the After picture - same selections - I cannot see a separate hover color highlighting my selections) This is what I put in my userChrome file to make the changes to the background color and text color: @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* change color of background in menus and toolbars */ menupopup > menu, menupopup > menuitem,popup > menu, popup > menuitem {background-color: whitesmoke !important;} /*change font color of popup menus*/ menupopup > menu, menupopup > menuitem,popup > menu, popup > menuitem {font-weight: bold !important; color: royalblue !important;} I am a beginner with understanding .css code and may have ventured too far into uncharted water. Any help would be appreciated! Robin
Attached screenshots

الحل المُختار

Sure the theme plays into this, it directly interacts with the programs display code. Much of which has changed in the last 2 years. That would be the first port of call.

Smart Templates would be next, import export would be last because there are about 100,000 other folks using it and you are the only one reporting with this apparent problem

Smart Templates has a much smaller user base than importexporttools and interacts with message bodies routinely, but I would be surprised if it were the cause. But it could be.

Read this answer in context 👍 0

All Replies (8)

more options

Why did you not just change the Thunderbird theme to light? in Tools > addons > themes.

It sounds to me like you are going through a significant amount of effort that could simply be negated on the next release by changes to the underlying objects and CSS of the Thunderbird user interface.

The menu colors you are originally showing are probably from having the windows default app mode on colors set to Dark.mode set

Mine is set to Windows mode Dark, default app mode light and I do not get dark menu's in apps like Thunderbird. but I do get the black start menu with white text.

more options

Hi Mark. Thanks for your input. My Windows mode is set as Dark and my default app mode is light, like yours. It was set that way before the Thunderbird update and I did not have this problem until installing the update. (My drop down menu was white and the text was black with the dark gray shading when I hovered over a selection)

Hence my question/problem. (Also, this same cat theme was in use prior to the latest update and again, I did not have the problem I am having now.)

I also understand the relevant changes with each update and like you said, negating the Thunderbird user interface. If that's my only option, then I can weight it out and make a choice. I just wanted to see if there was another way to make things work "like before".

Robin

more options

what happens if you disable that theme? Thunderbird does not support themes and has not for several version.

Do you still see issues if you restart Thunderbird from the help menu. "Troubleshooting mode"

more options

Disabling the theme does nothing. The problem still exists. (I am aware TB stopped supporting themes a while back)

Restarting in Troubleshoot mode fixes the problem - the drop down background color returns to white, the text returns to black, and the grey "highlight" color returns as I scroll through the menu.

drat...now to investigate which add on is the issue... Thanks Matt - didn't even think of doing the simple things first...LOL Robin

more options

what addons do you have installed? some have history and the functions of others might provide clues.

more options

Only 3 so this should be relatively easy to sort out. Colored Folders - which I know became incompatible with version 91.2.0

ImportExportTools NG

Smart Templates

(and the theme, which I know is not supported but does not seem to play into this)

more options

الحل المُختار

Sure the theme plays into this, it directly interacts with the programs display code. Much of which has changed in the last 2 years. That would be the first port of call.

Smart Templates would be next, import export would be last because there are about 100,000 other folks using it and you are the only one reporting with this apparent problem

Smart Templates has a much smaller user base than importexporttools and interacts with message bodies routinely, but I would be surprised if it were the cause. But it could be.

more options

Hi Matt. Thanks for all your help!!! I did a bunch of trouble shooting and here are the results... It appears the problem is with the relationship between the theme and color picker. (the problem appears to be directly related to when color picker is enabled)

If I deselect all 3 extensions and just go through changing themes - from default light to various other themes - the drop down background menu and text color alternate between dark and light, and the "highlight" shading follows suit. (Darker themes usually have dark menu background color, white text, and dark grey "highlight" shading; Lighter themes and ones with photos seem to lend themselves to a white menu background color, black text, and a lighter grey "highlight" shading - with a few exceptions, but that is not that important)

If I re-enable color picker, then I can recreate the original problem involving the "highlight" shading - or lack of "highlight" shading - when hovering over the menu selections.

If I disable color picker and enable either Import Export or Smart Templates, I cannot recreate the issue, even going through changing theme selections.

So, as you pointed out, the display code has a direct relationship to the theme display code and apparently, color picker operates on the same premise. I can only assume color picker apparently overrides the theme display colors for the drop down menu.

Since color picker is now incompatible with the latest version of TB, that solves that problem. LOL

I really do appreciate all your help. Now to update to 91.2. <wink> Thanks again! Robin