如何通过CSS自定义Thunderbird任务列表的视觉外观

嘿，这个需求完全可以通过自定义CSS实现，不用安装任何扩展，和你提到的修改日历事件样式的思路一致，我给你详细说下操作步骤和代码示例：

步骤1：开启Thunderbird的自定义CSS支持 #

• 打开Thunderbird，在顶部地址栏输入 about:config，点击弹出的「我接受风险并继续」
• 在搜索框中输入 toolkit.legacyUserProfileCustomizations.stylesheets，将该选项的值改为 true

步骤2：准备自定义CSS文件 #

• 点击Thunderbird顶部菜单的「帮助」→「更多故障排除信息」
• 在打开的页面里找到「配置文件夹」选项，点击右侧的「打开文件夹」按钮
• 在弹出的文件夹中，新建一个名为 chrome 的文件夹（如果已经存在就跳过这一步）
• 进入 chrome 文件夹，新建一个文本文件，重命名为 userChrome.css（注意要把文件后缀从 .txt 改成 .css，确保系统显示文件后缀名，避免改完还是文本格式）

步骤3：写入自定义样式代码 #

打开 userChrome.css 文件，粘贴下面的代码，你可以根据自己的喜好修改颜色、字体样式等属性：

/* 未选中状态的普通待处理任务 */
.task-tree-item[task-status="NEEDS-ACTION"]:not([selected="true"]) {
  color: #2d3748; /* 字体颜色 */
  background-color: #ffffff; /* 背景颜色 */
  font-style: normal;
  font-weight: 400;
}

/* 未选中的逾期任务（高亮提醒） */
.task-tree-item[is-overdue="true"]:not([selected="true"]) {
  color: #dc2626;
  background-color: #fef2f2;
  font-weight: 600;
}

/* 未选中的已完成任务（灰化弱化） */
.task-tree-item[task-status="COMPLETED"]:not([selected="true"]) {
  color: #9ca3af;
  background-color: #f9fafb;
  font-style: italic;
}

/* 选中状态的普通待处理任务 */
.task-tree-item[task-status="NEEDS-ACTION"][selected="true"] {
  color: #ffffff;
  background-color: #3b82f6;
  font-weight: 500;
}

/* 选中的逾期任务 */
.task-tree-item[is-overdue="true"][selected="true"] {
  color: #ffffff;
  background-color: #b91c1c;
  font-weight: 600;
}

/* 选中的已完成任务 */
.task-tree-item[task-status="COMPLETED"][selected="true"] {
  color: #ffffff;
  background-color: #6b7280;
  font-style: italic;
}

步骤4：生效样式 #

保存 userChrome.css 文件，然后重启Thunderbird，你就能看到任务列表的样式已经按照你的设置更新了。

额外说明 #

• 你可以自由调整代码中的颜色值（十六进制、RGB、颜色名称都支持）、字体属性（比如 font-size: 14px; 调整字体大小）、行高（line-height: 1.5;）等
• 代码中的属性都是Thunderbird任务元素自带的，比如 [is-overdue="true"] 会自动匹配所有逾期任务，不用自己额外设置筛选条件

备注：内容来源于stack exchange，提问作者summerrain