在 Mozilla Firefox Web Developer 主题中更改控制台颜色

【问题标题】：Change console color in Mozilla Firefox Web Developer theme在 Mozilla Firefox Web Developer 主题中更改控制台颜色
【发布时间】：2017-05-31 18:15:27
【问题描述】：

有人知道如何设置 Firefox 内置 Web Developer (devtools) 主题的样式吗？我正在使用 Dark 主题，并且需要对控制台输出中显示行号/列号的方式进行小幅更改。

在我看来，默认颜色是橙色，完全看不懂。我在网上搜索过，但我得到的只是关于由 Web Developer 显示和分析的代码主题。

顺便说一句，我必须使用深色主题，因为较浅的主题对我的眼睛来说更加疲劳。

【问题讨论】：

标签： css firefox themes firefox-developer-tools

【解决方案1】：

我认为this 可能是您正在寻找的。它是开发工具的主要 CSS 文件。深色主题定义为here，使用的橙色定义为here。

我不确定在不重新构建 Firefox 或为此创建浏览器扩展程序的情况下是否可以更改该颜色。

【讨论】：

谢谢。您提供的第二个网址将我带到了一个 css3 变量“--theme-highlight-orange”。只是为了笑，我将它添加到我的 $HOME/.mozilla/firefox/matd0hrs.default/chrome/userChrome.css：/* Styles for Web developer tools */ @namespace url(http://www.w3.org/1999/xhtml); * { --theme-highlight-orange: #D9C329 !important; } 猜猜看，它有效！