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

How do I configure menues to have higher contrast borders.

more options

I am having trouble discerning the edge of a menu (these are the firefox menus, not a websites menus). The menus have white background and no border, most web-pages have a white background. Therefore it is difficult, to see where the edge of the menu is. This leads to a high cognitive load, when trying to find a menu item, as I first have to workout what is the menu and what is not.

Is there a way to configure menus to have a small border (preferably single pixel black)?

I have attached some images, to show what I mean, it is the context menu (the one you get when you right click on a web-page, that has not overridden it). I have also attack an image of the main menu, the one you get to through the burger icon ☰, as it is exactly what I want (and as far as I can see, the only one that has a nice border).


You can see from the thumb-nails that the main menu is easy to see where it is, but the context menu, is lost somewhere in the image (it is hard to tell what the image is of).

I am having trouble discerning the edge of a menu (these are the firefox menus, not a websites menus). The menus have white background and no border, most web-pages have a white background. Therefore it is difficult, to see where the edge of the menu is. This leads to a high cognitive load, when trying to find a menu item, as I first have to workout what is the menu and what is not. Is there a way to configure menus to have a small border (preferably single pixel black)? I have attached some images, to show what I mean, it is the context menu (the one you get when you right click on a web-page, that has not overridden it). I have also attack an image of the main menu, the one you get to through the burger icon ☰, as it is exactly what I want (and as far as I can see, the only one that has a nice border). You can see from the thumb-nails that the main menu is easy to see where it is, but the context menu, is lost somewhere in the image (it is hard to tell what the image is of).
Attached screenshots

Modified by ctrl_alt_del

Chosen solution

I have found a solution.

   sudo apt-get install gtk3-engines-oxygen
   Go to System Settings → Application Appearance → GTK → Select a GTK3 Theme set it to oxygen-gtx

The menu is now in oxygen theme, with a glow border. Some menus (the ones that had a border before, still have a single pixel border, some have both borders, this is probably because of inconsistencies in firefox).

Read this answer in context 👍 0

All Replies (5)

more options

Sorry, the screenshots didn't come through. That sometimes happens with new questions. You can attach them to a reply to your own question here:

https://support.mozilla.org/questions/1153763#question-reply

Hopefully then someone using the same distro or shell or theme (or whatever makes Linux screenshots all look different to me) can help you with a style rule hack.

(For what it's worth, on Windows 7 with a standard theme, the right-click context menu has a thin black border all around, far less fancy than the shadowing on the application menu.)

more options

Try a different theme in your Linux distribution.

more options

trying to delete this comment, as have incorporated its info into question (I did not at first realize that I could edit question).

Modified by ctrl_alt_del

more options

I installed gnome desktop shell ( like switching between windows 7 and XP, but without logging out). menus have borders in gnome. So it may be a kde thing.

I then tried the Firefox that comes with Debian, the menus are fine in that version.

Modified by ctrl_alt_del

more options

Chosen Solution

I have found a solution.

   sudo apt-get install gtk3-engines-oxygen
   Go to System Settings → Application Appearance → GTK → Select a GTK3 Theme set it to oxygen-gtx

The menu is now in oxygen theme, with a glow border. Some menus (the ones that had a border before, still have a single pixel border, some have both borders, this is probably because of inconsistencies in firefox).

Modified by ctrl_alt_del