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

Right-click context menu

  • 6 cavab
  • 1 has this problem
  • 1 view
  • Last reply by sfhowes

more options

Hi, I would like to change the right-click context menu in the message list pane - i.e. 'Open message in new tab ..... Copy to ..... Move to ...., etc - so that the background color of the menu item in focus/selected with mouse or keyboard is dark grey with white text. Now it is the standard very light grey with black text, which sometimes makes it difficult to see which item has been selected/has focus. So I would like to make that charcoal grey with white text in my css file, but am unable to find coding that works.

Can you help me?

I am running Linux Mint Una and Thunderbird 91.5.

Thanks. Haagen

Hi, I would like to change the right-click context menu in the message list pane - i.e. 'Open message in new tab ..... Copy to ..... Move to ...., etc - so that the background color of the menu item in focus/selected with mouse or keyboard is dark grey with white text. Now it is the standard very light grey with black text, which sometimes makes it difficult to see which item has been selected/has focus. So I would like to make that charcoal grey with white text in my css file, but am unable to find coding that works. Can you help me? I am running Linux Mint Una and Thunderbird 91.5. Thanks. Haagen

All Replies (6)

more options

Try this:

#mainPopupSet menupopup {
  --menu-color: white !important;
  --menu-background-color: #524B4B !important;
  --menu-border-color: black !important;
  --menuitem-hover-background-color: orange !important;
}

https://www.reddit.com/r/firefox/comments/nt7e5y/firefox_color_how_to_change_color_of_context_menu/

See attached picture. I'm unable to change the hovered text color.

more options

Hi,

Thanks for the very quick answer.

I have tried it in my css but still not working. I actually like the orange hover color so no need to try to do anything there.

Does the sequence of code in the css have an influence on whether it is working or not?

Here is my css file for Thunderbird, in case you have time to look and see if you can see what I need to change to make it work.


/**********************************************************/ /* FOLDERTREE */ /**********************************************************/

/* FOLDER PANE - font */

  1. folderTree > treechildren {
 font-size: 14pt !important;
 font-family: "Verdana" !important;
 color: black !important;

}

/* FOLDER PANE - tree row height */

  1. folderTree > treechildren::-moz-tree-row {
 min-height: 28px !important;

}

/* FOLDER PANE - bg color selected folder */

  1. folderTree > treechildren::-moz-tree-row(selected) {
 -moz-appearance: none !important;
 border: 1px solid transparent !important;
 background-color: #FF8C00 !important; /* orange */

}

/* FOLDER PANE - text color selected folder */

  1. folderTree treechildren::-moz-tree-cell-text(selected) {
 -moz-appearance: none !important;
 color: #FFFFFF !important;

} /* FOLDER PANE - highlight row in focus */

  1. folderTree > treechildren::-moz-tree-row(hover) {
 border: 1px solid transparent !important;
 background-color: #C0C0C0 !important;

}

/*

**********************************************

CONTEXT (right-click) MENU - display look

**********************************************
  • /
  1. mainPopupSet menupopup {
 --menu-color: white !important;
 --menu-background-color: #524B4B !important;
 --menu-border-color: black !important;
 --menuitem-hover-background-color: orange !important;

}

/**********************************************************/ /* THREADTREE */ /**********************************************************/

/*

****************************
  THREAD TREE DISPLAY LOOK
****************************
  • /

/* HEADER ROW - height */

  1. threadCols > treecol {
 height: 42px !important; /* works */

}

/* HEADER ROW - background colors */

  1. threadCols > treecol {
 background-color: #008080 !important; /* works */
 font-size: 15pt !important; /* works */
 font-weight: bold !important; /* works */
 color: #FFFFFF !important; /* works */
 -moz-appearance: none !important;
 background-image: none !important;

}

/* HEADER ROW - font size and colors */

  1. threadCols > treecol {
 font-size: 15pt !important; /* works */
 font-weight:bold !important; /* works */
 color: #FFFFFF !important; /* works */
 -moz-appearance: none !important;

}

/* HEADER ROW - border */

  1. threadCols > treecol {
 border-bottom: 2px solid red !important; /* works */

}

/* MESSAGE LIST PANE - font for unread mail */

  1. threadTree > treechildren::-moz-tree-cell-text(unread) {
  font-size: 14pt ! important; /* works */
  font-family: Comic Sans MS !important; /* works */
  color: #000080 !important; /* works */

}

/* MESSAGE LIST PANE - text color selected folder */

  1. threadTree treechildren::-moz-tree-cell-text(selected) {
 -moz-appearance: none !important;
 color: #FFFFFF !important;

}

/* MESSAGE LIST PANE - row height */

  1. threadTree > treechildren::-moz-tree-row {
 min-height: 36px !important; /* works */

}

/* MESSAGE LIST PANE - row separator */

  1. threadTree > treechildren::-moz-tree-row {
 border-bottom: 1px solid grey !important; /* works */

}

Haagen

more options

I think the last entry in the css file takes precedent on any earlier item, but I don't see anything in your code that applies to context menus. The code I posted is at the top of my css file (TB 91/W10). Try it with a userChrome that only has the context menu code.

more options

Hi,

Thanks. Afraid it still does not work when only entry in css.

more options

Hi sfhowes,

Do you think that the fact that I am running Linux has any implication on the code? I ask because I believe you are using Win 10.

Haagen

more options

Yes, the Linux OS theme or color settings could very well affect the css, as could the TB theme. I tested with the default TB theme. I don't have a Linux system to test.