如何将Firefox默认起始页（speed dial）设置为深色模式

嘿，刚好研究过这个问题！确实可以通过修改Firefox的自定义CSS来给默认快速拨号页（也就是你说的speed dial）设置深色模式，下面是亲测有效的两种方法，你可以按需选择：

这种方法能让你完全控制快速拨号页的深色风格，步骤如下：

1. 开启Firefox的自定义CSS支持

   • 在地址栏输入 about:config 回车，点击「接受风险并继续」
   • 搜索 toolkit.legacyUserProfileCustomizations.stylesheets，把它的布尔值改成 true，这一步是让Firefox识别我们的自定义样式文件

2. 找到你的Firefox用户配置文件夹

   • 地址栏输入 about:support 回车，找到「配置文件夹」这一行，点击「打开文件夹」，就能进入你的专属配置目录

3. 创建/编辑自定义CSS文件

   • 如果配置文件夹里没有chrome文件夹，就新建一个
   • 进入chrome文件夹，新建文本文件，重命名为 userChrome.css（注意文件名不能错，后缀必须是.css）
   • 打开这个文件，粘贴以下代码：

/* Firefox 默认快速拨号页深色模式样式 */
@-moz-document url("about:home"), url("about:newtab") {
  /* 页面整体背景与文字颜色 */
  body {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
  }
  /* 搜索框样式适配 */
  .search-wrapper input {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
  }
  /* 快速拨号卡片基础样式 */
  .top-sites-list .top-site-outer {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
  }
  .top-sites-list .top-site-icon, .top-sites-list .top-site-title {
    color: #e0e0e0 !important;
  }
  /* 卡片悬停高亮效果 */
  .top-sites-list .top-site-outer:hover {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
  }
  /* 底部功能按钮颜色适配 */
  .context-menu-button, .search-settings-button, .prefs-button {
    color: #e0e0e0 !important;
  }
}

• 保存文件后，彻底关闭Firefox再重新打开，新标签页就会变成深色模式了

如果你不想折腾CSS，也可以让快速拨号页跟着系统的深色/浅色模式自动切换：

• 打开Firefox设置（地址栏输入 about:preferences）
• 切换到「常规」选项卡，下滑到「语言和外观」区域
• 在「主题」下拉菜单里选择「系统主题 - 自动」，这样Firefox会同步系统的主题设置，快速拨号页也会跟着切换深浅模式

注意事项 #

如果自定义CSS没生效，检查这几点：

• 文件名是不是严格的 userChrome.css（Mac/Linux要注意大小写）
• toolkit.legacyUserProfileCustomizations.stylesheets 有没有设为 true
• 必须彻底关闭Firefox再重启，不能只刷新标签页

内容的提问来源于stack exchange，提问作者kyb