Thunderbird：在撰寫視窗中更改顏色

我知道 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

這可以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;
}

對於 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

引用自：https://unix.stackexchange.com/questions/559960