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!

Etsi tuesta

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.

Lue lisää

How to change background color of the inspect element pane (i.e. the inspector's pane not the page being inspected)

  • 4 vastausta
  • 7 henkilöllä on sama ongelma
  • 87 näyttöä
  • Viimeisin kirjoittaja tombyrnes

more options

This pane suddenly changed to a dark blue background. With the font's of the inspected elements having dark foreground colors it is very difficult to read. How do I get the white background back? Thank You.

This pane suddenly changed to a dark blue background. With the font's of the inspected elements having dark foreground colors it is very difficult to read. How do I get the white background back? Thank You.

Valittu ratkaisu

Apply the following user style with the Stylish extension.


@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("chrome://browser/content/devtools/markup-view.xhtml") {

body { background: white !important }

}

If you need to modify anything else, you can use the DOM Inspector extension to examine user interface elements ("chrome").

If you need help with CSS code, see below for a starting point.

Lue tämä vastaus kontekstissaan 👍 2

Kaikki vastaukset (4)

more options

Valittu ratkaisu

Apply the following user style with the Stylish extension.


@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("chrome://browser/content/devtools/markup-view.xhtml") {

body { background: white !important }

}

If you need to modify anything else, you can use the DOM Inspector extension to examine user interface elements ("chrome").

If you need help with CSS code, see below for a starting point.

more options

Gingerbreadman:

Outstanding! The stylish user style did the trick with the background. Now I'll just tweak it with a bit more CSS and Bob's your uncle. Thanks a million.

more options

See also this stylesheet:

  • chrome://browser/skin/devtools/markup-view.css
more options

Cor-el: I got it. Thank you for taking the time. Appreciated.