Mozilla VPN is currently experiencing an outage. Our team is actively working to resolve the issue. Please check the status page for real-time updates. Thank you for your patience.

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

Changing color of some elements

  • 2 replies
  • 0 have this problem
  • 1 view
  • Paskiausią atsakymą parašė fioiu omotrl

more options

Hi,

How do I change the color of the white border and the color of the arrows?

I have menupopup > menu, menupopup > menuitem { -moz-appearance:none!important; color: white !important; background-color: #1551C0!important; } menupopup { -moz-appearance:none!important; background-color: #1551C0!important; border:none !important; padding:5px 0px 5px 5px!important; }

I have .menu-right { filter: invert(100%) !important; but it only turns the arrows white in some locations but not in the bookmarks menu and not in the right-click menu.

Hi, How do I change the color of the white border and the color of the arrows? I have menupopup > menu, menupopup > menuitem { -moz-appearance:none!important; color: white !important; background-color: #1551C0!important; } menupopup { -moz-appearance:none!important; background-color: #1551C0!important; border:none !important; padding:5px 0px 5px 5px!important; } I have .menu-right { filter: invert(100%) !important; but it only turns the arrows white in some locations but not in the bookmarks menu and not in the right-click menu.
Pridėtos ekrano nuotraukos

Chosen solution

Those arrows are SVG images, so you can use fill.

.menu-right {fill: red !important;}
Skaityti atsakymą kartu su kontekstu 👍 0

All Replies (2)

more options

Chosen Solution

Those arrows are SVG images, so you can use fill.

.menu-right {fill: red !important;}
more options

Thank you, cor-el, you are always helpful!