This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

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

Wo archive tread sia. Meɖekuku bia biabia yeye ne ehia kpeɖeŋu.

Colours in buttons in Inspector window - how to modify?

  • 2 ŋuɖoɖowo
  • 1 masɔmasɔ sia le esi
  • 1 view
  • Nuɖoɖo mlɔetɔ finitarry

finitarry
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.

Ŋuɖoɖo si wotia

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
Xle ŋuɖoɖo sia le goya me 👍 1

All Replies (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Ɖɔɖɔɖo si wotia

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
finitarry
finitarry Biabia la
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.