自定义 Firefox Developer 开发工具颜色主题

Customize Firefox Developer dev tools color theme

正如标题所说,我想知道是否可以更改 Firefox Developer 开发工具的颜色主题。浅色和深色主题不错,但我想使用代码颜色主题,如 Monokai 或类似的东西,我该怎么做?

您可以在下面看到开发工具中当前的深色主题:

[

它还没有记录(还),但您可以制作一个 Add-on that uses gDevTools.registerTheme(themeDefinition) 来创建您自己的开发工具主题。

我找到了 answer to this in the Mozilla support forum,基本上您必须修改 css 样式来创建覆盖 chrome 样式表。

You would have to write your own style rules and apply them via userChrome.css or Stylish. Use the !important flag to override existing style rules.

https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#The_!important_exception

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

http://kb.mozillazine.org/Editing_configuration