在哪里可以找到用于操作文件夹窗格的 Thunderbird CSS 类/ID 列表

在哪里可以找到用于操作文件夹窗格的 Thunderbird CSS 类/ID 列表

在哪里可以找到用于操作文件夹窗格的 Thunderbird CSS 类/ID 列表

我想操纵文件夹窗格中某些 CSS 的颜色(也许还有大小)。我感兴趣的关键项目是将“新邮件”指示的蓝色更改为红色,目前似乎是 #00f。

我知道一旦我有了我需要的列表,我就会将我的更改放在 userChrome.css 中。

任何帮助均感激不尽。

Thunderbird 文件夹窗格

答案1

UI 的 CSS 源代码中的一般位置可以在以下路径中找到:

/comm-central/mail/themes/shared/mail

对于 javascript 和 xhtml:

/comm-central/mail/base/content

请注意,本地获取源代码的指南将需要大量的下载时间并占用相当大的磁盘空间(“源代码需要 3.6GB 或更多的可用空间,另外默认构建需要 5GB 或更多。”):

hg clone https://hg.mozilla.org/mozilla-central source/
cd source/
hg clone https://hg.mozilla.org/comm-central comm/

您还可以在这里在线查看源代码:

https://searchfox.org/comm-central/source/


除了查看源代码外,还可以启用Tools > Developer Tools > Developer Toolbox (Ctrl+Shift+I)元素选择器工具,这样您就可以将鼠标悬停在 UI 元素上,然后查看所有相关详细信息,包括 CSS 类/ID 以及复制 CSS 选择器。启动开发人员工具箱将触发“传入连接”对话框,其中包含客户端和服务器端点,开发人员工具出现之前需要允许这些端点(单击“确定”)。

尽管如此,使用userChrome.css并未得到官方支持,而且像这样对 UI 内部进行破解可能会给任何承担此项工作的人带来沉重的维护负担,尤其是在 Thunderbird 采用每月发布一次的节奏之后。

相关内容