Right-click context menu
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)
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.
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 */
- folderTree > treechildren {
font-size: 14pt !important; font-family: "Verdana" !important; color: black !important;
}
/* FOLDER PANE - tree row height */
- folderTree > treechildren::-moz-tree-row {
min-height: 28px !important;
}
/* FOLDER PANE - bg color selected folder */
- 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 */
- folderTree treechildren::-moz-tree-cell-text(selected) {
-moz-appearance: none !important; color: #FFFFFF !important;
} /* FOLDER PANE - highlight row in focus */
- folderTree > treechildren::-moz-tree-row(hover) {
border: 1px solid transparent !important; background-color: #C0C0C0 !important;
}
/*
**********************************************
CONTEXT (right-click) MENU - display look
**********************************************
- /
- 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 */
- threadCols > treecol {
height: 42px !important; /* works */
}
/* HEADER ROW - background colors */
- 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 */
- threadCols > treecol {
font-size: 15pt !important; /* works */ font-weight:bold !important; /* works */ color: #FFFFFF !important; /* works */ -moz-appearance: none !important;
}
/* HEADER ROW - border */
- threadCols > treecol {
border-bottom: 2px solid red !important; /* works */
}
/* MESSAGE LIST PANE - font for unread mail */
- 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 */
- threadTree treechildren::-moz-tree-cell-text(selected) {
-moz-appearance: none !important; color: #FFFFFF !important;
}
/* MESSAGE LIST PANE - row height */
- threadTree > treechildren::-moz-tree-row {
min-height: 36px !important; /* works */
}
/* MESSAGE LIST PANE - row separator */
- threadTree > treechildren::-moz-tree-row {
border-bottom: 1px solid grey !important; /* works */
}
Haagen
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.
Hi,
Thanks. Afraid it still does not work when only entry in css.
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
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.