如何自定义 Thunderbird 的邮箱列表、邮件列表和标题的外观?

如何自定义 Thunderbird 的邮箱列表、邮件列表和标题的外观?

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;
  */
}

相关内容