This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

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

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

Menu Bar with a Unified Look Possible?

  • 5 antwoorde
  • 1 het hierdie probleem
  • 2 views
  • Laaste antwoord deur click-click

click-click
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?

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?
Aangehegde skermkiekies

All Replies (6)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

You can try the FirefoxCSS Reddit forum.

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
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. ???

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

What code are you currently in userChrome.css ?

click-click
click-click Vraag-eienaar
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.

click-click
click-click Vraag-eienaar
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

click-click
click-click Vraag-eienaar
more options

This post can be deleted

Gewysig op deur click-click