Colours in buttons in Inspector window - how to modify?
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.
Chosen solution
You can use the DOM Inspector to see which style sheets and style rules are used for buttons and text color and text background.
- DOM Inspector: https://addons.mozilla.org/firefox/addon/dom-inspector-6622/
- chrome://browser/skin/devtools/
- chrome://browser/skin/devtools/widgets.css
- chrome://browser/skin/devtools/toolbox.css
All Replies (2)
Seçilmiş Həll
You can use the DOM Inspector to see which style sheets and style rules are used for buttons and text color and text background.
- DOM Inspector: https://addons.mozilla.org/firefox/addon/dom-inspector-6622/
- chrome://browser/skin/devtools/
- chrome://browser/skin/devtools/widgets.css
- chrome://browser/skin/devtools/toolbox.css
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.