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

Question

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

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

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

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

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

而旧版 Thunderbird 仅对标题进行了着色，而用户输入字段则明显不同：

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

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

我正在Thunderbird 68.3使用Debian Buster

Answer 1

UserChrome.css对于 Thunderbird 和 Firefox，此文件中可用的编辑源/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 和 xulchrome://messenger/content/bindings.css等chrome://messenger/skin/messengercompose/messengercompose.css。

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

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

扩展如督察长在这里可以有所帮助，但它尚未与 v68 兼容

Answer 2

这可以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))将字段左侧的虚拟框（抄送、密件抄送等）替换为您想要的颜色（如红色、蓝色等）

#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;
}

Thunderbird v68.3.0 和 v68.3.1：

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

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

然后chrome在profile目录下创建一个名为的文件夹，然后创建文件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;
}