修改 Firefox 的 View Source CSS 文件

Firefox 有许多核心 CSS 文件用于渲染网页。 其中大多数都包含所有未提供自身样式的网页的合理默认值。 例如，Firefox 有一个专门用于表单的 CSS 文件，名为 forms.css，它为表单元素提供特殊的 Firefox 表单外观。 此文件与其他浏览器中的默认设置不同，因此需要 CSS 重置来获得跨浏览器一致性。 但是我离题了。

我强烈建议不要修改大多数这些核心 CSS 文件。 毕竟我们是网页设计师，我们需要以与其他人相同的方式在浏览器中查看网页。 如果我们到处修改它，我们就不会有任何共同点。 但是，有一个你可以修改的文件，它不会造成任何伤害，而且很有趣。 那就是 Firefox 的 viewsource.css。

要开始（在 Mac 上），你需要打开名为 Firefox.app 的“包”。

进入后，你可以打开文件夹 Contents > MacOS > res。

你可以在此处找到 viewsource.css 文件，并可以使用任何普通文本编辑器进行编辑。 文件顶部有一个很大的许可证块。 我没有看到许可证中禁止将其用于你自己的目的的内容，但我对所有法律事项不太了解。 我想既然 Firefox 是开源的，而且你没有以任何方式重新打包和分发它，所以编辑它应该没问题。

在更改任何内容之前，我建议你备份一个副本。 这是因为你可能做了一些奇怪的事情，过了一段时间就厌倦了它，并且想恢复到默认设置。

以下是我修改的方法。 我只是为它创建了一个特殊的深色/多云背景图像，并修改了颜色。

*|*:root {
  background: url(viewsource-bg.jpg) top center no-repeat black;
}
#viewsource {
  font-family: -moz-fixed;
  font-weight: normal;
  color: white;
  white-space: pre;
}
#viewsource.wrap {
  white-space: pre-wrap;
}
pre {
  font: inherit;
  color: inherit;
  white-space: inherit; 
  margin: 0;
}
.start-tag {
 color: #ff5353;
 font-weight: bold;
}
.end-tag {
 color: #ff5353;
 font-weight: bold; 
}
.comment {
 color: #86d98f;
 font-style: italic;
}
.cdata {
 color: #CC0066;
}
.doctype {
 color: steelblue;
 font-style: italic;
}
.pi {
 color: orchid;
 font-style: italic;
}
.entity {
 color:#FF4500;
 font-weight: normal;
}
.text {
  font-weight: normal;
}
.attribute-name {
 color: white;
 font-weight: bold;
}
.attribute-value {
 color: lightblue;
 font-weight: normal;
}
.summary {
 display: block;
 background-color: #FFFFCC;
 width: 90%;
 border: solid;
 border-width: 1pt;
 font-family: sans-serif;
}
.popup {
  font-weight: normal;
}
.markupdeclaration {
 color: steelblue;
 font-style: italic;
}
.error, .error > .start-tag, .error > .end-tag,
.error > .comment, .error > .cdata, .error > .doctype,
.error > .pi, .error > .entity, .error > .attribute-name,
.error > .attribute-value {
  color: red;
  font-weight: bold;
}

结果是这样的