Mozilla Thunderbird 的消息列表、邮箱列表和标题使用的字体太大,我几乎看不到消息预览窗格中的任何内容。我想将它们减少到 10 像素,并将标题减少到 8 像素或更小。我怎样才能做到这一点?
答案1
Blender的回答为我指明了正确的方向。我实际上并没有修改这些文件,但我所做的是创建一个文件~/.mozilla-thunderbird/iddbnhwr.default/chrome/userChrome.css
并将更改放入其中。我让我的看起来像这样:
#threadTree {
font-family: Verdana, Arial, Calibri !important;
font-size: 10px !important;
}
#msgHeaderView {
font-family: Verdana, Arial, Calibri !important;
font-size: 10px !important;
height: 100px !important;
overflow: auto !important;
}
#folderTree {
font-family: Verdana, Arial, Calibri !important;
font-size: 10px !important;
}
分析 Blender 答案中的文件表明以下是我想要的 CSS 选择器:
#folderTree
- 左侧的文件夹列表#threadTree
- 右上角的消息列表。#msgHeaderView
- 每个消息预览/查看器窗口顶部的标题窗格
这些文件中有很多更有趣的东西:
#mailContent
- 看起来像邮件正文?#folderUnreadCol
,#folderTotalCol
,#folderSizeCol
,#folderNameCol
- 不言自明treecol.flagColumnHeader
- 看起来你可以将旗帜图标更改为其他图标...也许是一个点赞图标? ;-)treecol.junkStatusHeader
- 垃圾图标也一样。只是改变list-style-image: url(...)
规则。
答案2
Thunderbird的写法是XUL。它是 Mozilla 的标记语言,由 XULRunner 提供支持。基本上,它是面向 GUI 的 XML。
整个应用程序的样式实际上只是一个简单的.css
文件。如果找到它,您就可以找到您正在寻找的元素并只需调整 CSS。我将回发所需的文件路径和要调整的规则。
答案3
一般来说,您可以使用文件自定义 Thunderbird 的外观chrome/userChrome.css(对于用户界面)和铬/用户内容.css(用于消息显示),两者都位于您的 Thunderbird 配置文件文件夹中。 (您可能必须创建它们。)
为了找到相关的 CSS 选择器,DOM 检查器可能有帮助。
答案4
我知道这是一篇旧文章,但我刚刚开始在我的 Mac (v52) 上使用 Thunderbird,并花费/浪费了大量时间试图找到 Thunderbird 样式的答案。下面的示例在我的 Mac 上适用。在 /chrome/userChrome.css 中。我想单独设置左侧文件夹列表和消息列表的样式。主题字体和大小更改器插件确实有效,但会影响所有方面。不是个别地区。
- threadTree 控制消息视图样式。
- folderTree 控制文件夹视图样式。
在我的 Mac 上,我注意到文件夹列表中的图标在底部被切断。覆盖默认设置的任何填充使图标再次看起来漂亮!一些参考资料指出,高度可用于设置行高,但在设置边距时,我永远无法使其适用于文件夹视图。
有关树和样式方法的更多信息: https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Tutorial/Styling_a_Tree。
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* set default namespace to XUL */
/* Some Info: https://gist.github.com/AnthonyDiGirolamo/6032387 */
/* For the message list window. */
#threadTree > treechildren::-moz-tree-row {
margin-top: 1px !important;
margin-bottom: 3px !important;
}
/* For the folder list sidebar. */
#folderTree > treechildren::-moz-tree-row {
/*font-family: Lucida Sans !important;*/
font-size: 10pt !important;
/* For line spacing */
margin-bottom: 5px !important;
/* To remove some style that looks to be
cutting off the bottom of the icon on my Mac. */
padding-bottom: 0px !important;
/* Not working
height: 12px !important;
line-height: 12px !important;
*/
}