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!

Sök i support

Akta dig för supportbedrägerier: Vi kommer aldrig att be dig att ringa eller skicka ett sms till ett telefonnummer eller dela personlig information. Rapportera misstänkt aktivitet med alternativet "Rapportera missbruk".

Läs mer

Colours in buttons in Inspector window - how to modify?

  • 2 svar
  • 1 har detta problem
  • 1 visning
  • Senaste svar av finitarry

more options

What (in a theme) controls the colours in the second row of buttons in the left pane of the Inspector window? I am unable to find any stylesheet in the whole devtools directory that has any direct effect on the buttons that name the elements in a page.

What (in a theme) controls the colours in the second row of buttons in the left pane of the Inspector window? I am unable to find any stylesheet in the whole devtools directory that has any direct effect on the buttons that name the elements in a page.

Vald lösning

You can use the DOM Inspector to see which style sheets and style rules are used for buttons and text color and text background.


  • chrome://browser/skin/devtools/
  • chrome://browser/skin/devtools/widgets.css
  • chrome://browser/skin/devtools/toolbox.css
Läs svaret i sitt sammanhang 👍 1

Alla svar (2)

more options

Vald lösning

You can use the DOM Inspector to see which style sheets and style rules are used for buttons and text color and text background.


  • chrome://browser/skin/devtools/
  • chrome://browser/skin/devtools/widgets.css
  • chrome://browser/skin/devtools/toolbox.css
more options

Thanks. It was widgets.css where the problem colours were. DOM Inspector did not point that one out when I selected one of the buttons with the "breadcrumbs". Why? It listed toolbox.css, common.css, and markup.css instead.