We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Fungovanie tejto stránky je z dôvodu údržby dočasne obmedzené. Ak článok nevyrieši váš problém a chcete položiť otázku, napíšte našej komunite podpory na Twitter @FirefoxSupport alebo Reddit /r/firefox.

Avatar for Username

Vyhľadajte odpoveď

Vyhnite sa podvodom s podporou. Nikdy vás nebudeme žiadať, aby ste zavolali alebo poslali SMS na telefónne číslo alebo zdieľali osobné informácie. Nahláste prosím podozrivú aktivitu použitím voľby “Nahlásiť zneužitie”.

Ďalšie informácie

Táto téma bola archivovaná. Ak potrebujete pomôcť, založte prosím novú otázku.

Change color of menu pop ups

  • 3 odpovede
  • 1 má tento problém
  • 9 zobrazení
  • Posledná odpoveď od Wesley Branton

Paul
Paul
more options

Hi,

I have a red theme (Red Fade) which I like.

However the menus when you click anything on the menu bar (File, Edit etc) remain the default colour (see screenshot attached). I would like these to be red also. Is it possible to change this background colour preferably using the userChrome.css file or alternatively an add-on? I know how to edit the userChrome file, so would like the code if possible please.

Thanks in advance, Paul.

Hi, I have a red theme (Red Fade) which I like. However the menus when you click anything on the menu bar (File, Edit etc) remain the default colour (see screenshot attached). I would like these to be red also. Is it possible to change this background colour preferably using the userChrome.css file or alternatively an add-on? I know how to edit the userChrome file, so would like the code if possible please. Thanks in advance, Paul.
Priložené obrázky

Všetky odpovede (3)

Wesley Branton
Wesley Branton
more options

You would need to use something like this CSS code to change that menu colour: 

/* Changes background color */
menupopup, popup,
popup > menu > menupopup,
menupopup > menu > menupopup {
    -moz-appearance: none !important;
    background: black !important;
}

/* Changes the color of the separator lines */
menupopup menuseparator {
    -moz-appearance: none !important;
    background: white  !important;
    padding: 0 !important;
    border-color: transparent !important;
}

/* Changes the text color */
menupopup menu,
menuitem {
    -moz-appearance: none !important;
    color: white !important;
}

/* Changes the hover colors */
menupopup menu:hover,
menuitem:hover {
    -moz-appearance: none !important;
    color: black !important;
    background-color: skyblue !important;
}

/* Changes the arrow of the submenu to light color
    Remove this if you want to keep the arrow a dark color */
.menu-right{
    filter: invert(100%) !important;
}

Hope this helps.

If you need more CSS tweaks like this, I'd recommend visiting the FirefoxCSS Reddit. It's an entire community of people who are able to help with this kind of thing.

Paul
Paul Autor otázky
more options

Thanks for your help, I tried the first one, as I think that is what I am looking for. Unfortunately it does not work.

Wesley Branton
Wesley Branton
more options

Unfortunately, the FirefoxCSS subreddit is probably your best bet on this issue. There are tons of people on there who will likely be able to help you find/create the perfect CSS code to fix your issue.