How to remove icons in menu bar
Hi guys, does anyone know how to remove icons in menu bar? Thanks in advance.
Ændret af tkrojam den
Alle svar (9)
Start Firefox in Troubleshoot Mode to check if one of the extensions ("3-bar" menu button or Tools -> Add-ons -> Extensions) or if hardware acceleration or userChrome.css is causing the problem.
- switch to the DEFAULT theme: "3-bar" menu button or Tools -> Add-ons -> Themes
- do NOT click the "Refresh Firefox" button on the Troubleshoot Mode start window
Hmm, where are those coming from... Have you created a userChrome.css file to customize Firefox's user interface?
jscher2000 - Support Volunteer said
Hmm, where are those coming from... Have you created a userChrome.css file to customize Firefox's user interface?
Yes, I did because I cannot accept the Proton UI. It's nonsense make everything (icons/fonts) big to cater Windows 10!
Could you please guide me which part of userChrome.css I should edit then?
cor-el said
Start Firefox in Troubleshoot Mode to check if one of the extensions ("3-bar" menu button or Tools -> Add-ons -> Extensions) or if hardware acceleration or userChrome.css is causing the problem.
- switch to the DEFAULT theme: "3-bar" menu button or Tools -> Add-ons -> Themes
- do NOT click the "Refresh Firefox" button on the Troubleshoot Mode start window
Could you please guide me which part of userChrome.css I should edit to remove icons in menu bar?
tkrojam said
jscher2000 - Support Volunteer said
Hmm, where are those coming from... Have you created a userChrome.css file to customize Firefox's user interface?Yes, I did because I cannot accept the Proton UI. It's nonsense make everything (icons/fonts) big to cater Windows 10!
Could you please guide me which part of userChrome.css I should edit then?
Are you using rules from an online repository? Usually they would have /* comments */ indicating what the different sections of code do, which would help with tracking down what is adding the icons.
jscher2000 - Support Volunteer said
tkrojam said
jscher2000 - Support Volunteer said
Hmm, where are those coming from... Have you created a userChrome.css file to customize Firefox's user interface?Yes, I did because I cannot accept the Proton UI. It's nonsense make everything (icons/fonts) big to cater Windows 10!
Could you please guide me which part of userChrome.css I should edit then?
Are you using rules from an online repository? Usually they would have /* comments */ indicating what the different sections of code do, which would help with tracking down what is adding the icons.
Since I'm not good at coding/programming, I found a closest section which may be related from userChrome.css, could you have a look on the following?
/*= Menubar - Icons ===========================================*/ @-moz-document url("chrome://browser/content/places/places.xhtml") {
@media (-moz-gtk-csd-available) { #organizeButton, #viewMenu, #maintenanceButton, #back-button, #forward-button, #clearDownloadsButton { fill: currentColor !important; -moz-context-properties: fill !important; }
/* Add */ #organizeButton { list-style-image: url("chrome://global/skin/icons/settings.svg") !important; } #viewMenu { list-style-image: url("./icons/sort.svg") !important; } #maintenanceButton { list-style-image: url("./icons/import-export.svg") !important; }
#clearDownloadsButton { list-style-image: url("chrome://global/skin/icons/delete.svg") !important; } #clearDownloadsButton > .toolbarbutton-icon { display: -moz-inline-box !important; margin-top: 0; margin-bottom: 0; margin-inline-start: 0; margin-inline-end: 2px; }
/* Replace */ #back-button { list-style-image: url("chrome://browser/skin/back.svg") !important; } #forward-button { list-style-image: url("chrome://browser/skin/forward.svg") !important; }
#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, #forward-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { transform: scaleX(-1) !important; } }
}
/** Panel - Icons *************************************************************/
I think the following refers to the Library window (Manage Bookmarks) and not to the main window.
@-moz-document url("chrome://browser/content/places/places.xhtml")
So probably it is a different section.
jscher2000 - Support Volunteer said
I think the following refers to the Library window (Manage Bookmarks) and not to the main window. @-moz-document url("chrome://browser/content/places/places.xhtml") So probably it is a different section.
Since I'm not good at coding/programming, could you download it to have a look? https://www.sendspace.com/file/z6qbx9
Looks like this section:
/** Global Menu ***************************************************************/ /*= main-menubar =============================================================*/ #file-menu { --menuitem-image: url("./icons/mail-inbox-all.svg"); } #edit-menu { --menuitem-image: url("chrome://global/skin/icons/edit.svg"); } #view-menu { --menuitem-image: url("./icons/content-view.svg"); } #history-menu { --menuitem-image: url("chrome://browser/skin/history.svg"); } #bookmarksMenu { --menuitem-image: url("chrome://browser/skin/bookmark.svg"); } #tools-menu { --menuitem-image: url("./icons/toolbox.svg"); } #helpMenu { --menuitem-image: url("chrome://global/skin/icons/help.svg"); }