主页 / unix / 问题 / 559960
Accepted
Martin Vegter
Asked: 2020-01-03 07:16:44 +0800 CST

Thunderbird：在撰写窗口中更改颜色

  • 772

我知道 Thunderbird UI 可以通过UserChrome.css.

例如，可以轻松更改窗口栏的颜色：

menubar, toolbar, nav-bar, #TabsToolbar > *{
  background-color: rgb(245,199,18) !important;
}

但是我在哪里可以找到我想要更改的元素的名称？

例如，在撰写窗口中，较新的 Thunderbird 为整个标题、标题本身和输入字段着色（一切都是浅灰色）。

在此处输入图像描述

然而，较旧的 Thunderbird 仅对标题进行着色，并让用户输入字段明显不同：

（忽略颜色主题的差异，即浅色与深色）。重点是标题（即 From、To）与用户输入的实际电子邮件地址之间的明显区别。

如何找到元素的名称，并使用更改颜色UserChrome.css？

我正在Thunderbird 68.3使用Debian Buster

在此处输入图像描述

firefox colors

2 个回答

  1. 对于 Thunderbird 和 Firefox，此文件UserChrome.css上可用的编辑源/install-dir/omni.ja是一个压缩目录（未压缩），其中包含显示窗口的所有源（javascript、xul、css 等）...

    要直接编辑/查看源，您可以执行

    mkdir tmp; cd tmp;
cp ../location-of-install-dir/omni.ja .
unzip omni.ja

    编辑你想要的和/或获取你正在寻找的值，然后你可以重建文件

    rm omni.ja #(remove the copied one)
zip -qr0XD omni.ja *

    您要查找的文件./chrome/messenger/content/messenger/messengercompose/messengercompose.xul在文件开头标明了其包含的 css 和 xul，例如chrome://messenger/content/bindings.css等chrome://messenger/skin/messengercompose/messengercompose.css。

    Chrome:// 地址允许访问位于 omni.ja 上的文件、扩展文件等...如果您有这样或这样的扩展名，这些 url 可以直接用 Thunderbird 浏览，不幸的是它们还没有更新到 v68

    通常要识别要编辑的元素，可以使用菜单下的调试器 (Ctrl+Shift+I)：工具 > 开发人员工具 > 开发人员工具箱，然后使用 dom 对象检查器左上角按钮，但请确保选择正确的窗口首先使用右上角的下拉菜单（例如messengercompose.xul对于新消息窗口，如果您打开撰写窗口，它将在此处列出）。

    像Dom Inspector这样的扩展在这里可能会有所帮助，但它尚不兼容 v68

    • 2
  2. Best Answer

    这可以UserChrome.css通过

    #msgSubject {
  background-color: -moz-field !important;
}

#msgIdentity {
  background-color: -moz-field !important;
}

.textbox-addressingWidget {
  background-color: -moz-field !important;
}

.dummy-row {
  background-color: -moz-field !important;
}

    或者下面的替代方案......您可以用var(--lwt-toolbarbutton-active-background, rgba(255, 255, 255, .4))您想要的颜色（如红色、蓝色等）替换字段左侧的虚拟框（cc、bcc 等）

    #msgSubject {
  background-color: -moz-field !important;
}

#msgIdentity {
  background-color: -moz-field !important;
}

.textbox-addressingWidget,
.dummy-row:not(:first-child) {
  background-color: -moz-field !important;
}

.addressingWidgetCell:first-child, 
.dummy-row-cell:first-child {
  background-color: var(--lwt-toolbarbutton-active-background, rgba(255, 255, 255, .4)) !important;
}

    雷鸟 v68.3.0 和 v68.3.1：

    请注意，在全新安装中，您需要通过以下方式解锁自定义 CSS 使用：

    Settings/Options > Advanced > General > Config Editor...
toolkit.legacyUserProfileCustomizations.stylesheets > true

    然后在profile目录下创建一个名为的文件夹chrome，然后创建文件userChrome.css（那些是区分大小写的）

    这是 TB v68.3.x 的更新 css，使用颜色 #e06d30...

    #msgSubject {
  background-color: -moz-field !important;
}

#msgIdentity {
  background-color: -moz-field !important;
}

.textbox-addressingWidget,
.dummy-row:not(:first-child) {
  background-color: -moz-field !important;
}

.addressingWidgetCell:first-child, 
.dummy-row-cell:first-child {
  background-color: #e06d30 !important;
}

.addressingWidgetCell:nth-child(2), 
.dummy-row-cell:nth-child(2) {
  background-color: #e06d30 !important;
}
    • 1

相关问题