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

Posted 2023-02-27

【中文标题】自定义 Firefox 开发者开发工具颜色主题

【英文标题】：Customize Firefox Developer dev tools color theme

【发布时间】：2016-03-12 21:46:07

【问题描述】：

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

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

[

【参考方案1】：

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

您必须编写自己的样式规则并通过以下方式应用它们 userChrome.css 或时尚。使用 !important 标志覆盖 现有的样式规则。

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

自定义文件 userChrome.css（用户界面）和 userContent.css（网站）位于 chrome 文件夹中 Firefox 配置文件文件夹。

http://kb.mozillazine.org/Editing_configuration

【参考方案2】：

它（还没有）记录在案，但您可以创建一个使用 gDevTools.registerTheme(themeDefinition) 的 Add-on 来创建您自己的开发工具主题。

【讨论】：

感谢您抽出宝贵时间，但实际上我几天前找到了answer on the Mozilla support forum，但我完全忘记在此处关闭答案了。