☰

更新：

tag-icon • tag-icon firefox firefox-extensions css
更新：

我使用两个不同的 Firefox 配置文件，我需要区分它们。我想修改其中一个，以便面板具有不同的颜色。我不想安装任何额外的插件或主题，我只想使用来实现这一点userChrome.css。

我已经发现这网站上有描述各种组件/元素的说明。但我找不到可以改变整个上部面板颜色的组件/元素。

目前我没有安装任何主题，Firefox 使用“默认”外观，实际上只是从我的环境（Openbox）中接管颜色。

我尝试将以下内容添加到中userChrome.css，但它只会改变菜单的颜色：

menubar {
  background-color: red;
}

我怎样才能改变整个面板的颜色（菜单+工具栏+...）

更新：

@Srinidhi 建议的以下代码运行良好，但没有为整个窗口着色：

menubar, toolbar, nav-bar, #TabsToolbar > *{
  background-color: rgb(102,66,60) !important;
}

我怎样才能为整个窗口（包括菜单背景或弹出窗口）着色（例如当我单击时Edit -> Preferences）？

答案1

您需要以下内容：

menubar, toolbar, nav-bar, #TabsToolbar > *{
  background-color: red !important;
}

在 Firefox 28 上进行了测试。进行此更改后，各个选项卡将不再显示为红色。如果您希望将各个选项卡也显示为红色，请添加以下内容：

.tabbrowser-tabs * {
  background-image: none !important;
  background-color: red !important;
}

如果您不使用，background-image那么您仍然会看到标签的边框，它实际上是一个图像。

答案2

  1. 关于：配置

  2. 浏览器.uiCustomization.state

  3. “dirtyAreaCache”：[...]

  4. 条形标签{背景：实心 rgba(0, 0, 0, 0) ！重要；}

相关内容