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

Menu Bar with a Unified Look Possible?

  • 5 replies
  • 1 has this problem
  • 40 views
  • Last reply by click-click

more options

Firefox 78.1 ESR W7

Is there any way to get the menu bar to have a unified appearance? Solid background mixed with a transparent one is not very nice looking. It would look much better if the solid background were also transparent. Anyone have a .css or other solution?

Attached screenshots

All Replies (6)

more options

You can try the FirefoxCSS Reddit forum.

Helpful?

more options

It's weird that there's a Firefox 4-28 style menu button -- to open a compact menu that replaced the top menu bar -- combined with the top menu bar. ???

Helpful?

more options

What code are you currently in userChrome.css ?

Helpful?

more options

cor-el said

What code are you currently in userChrome.css ?

I use the Firefox Quantum userChrome.css tweaks 3.1.6 on Github I ended up switching to tabs on top and unchecked the title bar via Customize I enabled the orange button via the userChrome I think the solid color is coming from something I used with FF52.9ESR in my my_UserChrome.css which follows:

#TabsToolbar, #PersonalToolbar, window, page, dialog, wizard, prefwindow, menubar > menu {
background-color: -moz-dialog !important;
font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif !important;
font-weight: bold    !important;
}

I'm not sure how to apply transparency only to the menu bar when active.

Helpful?

more options

Okay, to have more space for content, I decided on the following:

1. Tabs on top 2. Hide Tab-Toolbar with only one Tab 3. Hide Title Bar via Customize 4. Menu Bar off/on via Toggle with Alt-key plus transparent wenn on 5. my_UserChrome changes

/* ===== SET FONTS - first entry used if found ===== */

#TabsToolbar, #PersonalToolbar, window, page, dialog, wizard, prefwindow {
background-color: -moz-dialog !important;
font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif !important;
font-weight: bold    !important;
}

/* ===== MAKE MENU BAR TRANSPARENT to give unified look ===== */

#main-menubar { background-color: transparent !important; }

/* ===== HIDE TAB BAR whem only one tab -- For Firefox 76 ===== */

tab:only-of-type, tab:only-of-type + #tabs-newtab-button { display: none !important; }
#tabbrowser-tabs, #tabbrowser-arrowscrollbox { min-height: 0 !important; }

without Tabs and (Menu Bar on) https://user-media-prod-cdn.itsre-sumo.mozilla.net/uploads/images/2020-08-08-06-19-19-bbe002.png

Helpful?

more options

This post can be deleted

Modified by click-click

Helpful?

Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.