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

Wo archive tread sia. Meɖekuku bia biabia yeye ne ehia kpeɖeŋu.

Menu Bar with a Unified Look Possible?

  • 5 ŋuɖoɖowo
  • 1 masɔmasɔ sia le esi
  • 2 views
  • Nuɖoɖo mlɔetɔ 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?
Screen ƒe photowo kpe ɖe eŋu

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 Biabia la
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 Biabia la
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 Biabia la
more options

This post can be deleted

click-click trɔe