主页 / computer / 问题 / 1655054
Accepted
Booga Roo
Asked: 2021-06-07 02:24:03 +0800 CST

强制 Firefox 标题栏使用 Windows 操作系统主题颜色

  • 772

最新的 Firefox 版本 89 更新对我在 Windows 10 (20H2) 上的主题选择失去了尊重。现在标题栏都是一种颜色，我无法再轻易区分活动窗口和非活动窗口之间的区别。

以前，活动/非活动窗口之间的区别很容易看出： 以前的 Firefox 显示正确的标题栏颜色

现在，活动窗口和非活动窗口的 F​​irefox 89 标题栏是相同的： Firefox 89 标题栏颜色错误

当我更新到 Firefox 89 时，我选择了“系统主题”，上面写着：“遵循按钮、菜单和窗口的操作系统设置”。不幸的是，它没有这样做。我确保 Windows 的设置>个性化>颜色>“标题栏和窗口边框”仍处于选中状态。其他程序仍然正常运行。

我可以使用以下命令将常规标题栏放回窗口：

关于：配置>“browser.tabs.drawInTitlebar = false”

这部分有效，至少它遵循正确的配色方案，但它使选项卡没有颜色。由于控制描述在标题栏中绘制选项卡的设置在我看来它应该遵循标题栏配色方案。

关闭“质子”显然最终会被禁用，因此按照这个答案中的建议制作 userChrome.css似乎是一个不错的部分解决方法。不幸的是，每个窗口都有自己的活动/非活动选项卡。

这是 userChrome.css 定义的标题栏的显示方式（忽略黑色文本，标题栏颜色是问题）： 新的 Firefox userChrome.css 标题栏

如您所见，所有选项卡的颜色都相同，无论它是活动窗口还是非活动窗口。

那么，我怎样才能让 Firefox 尊重我的操作系统颜色选择呢？

windows firefox

5 个回答

  1. Best Answer

    从 Firefox 91 起不再可以禁用 Proton；从 Firefox 92 开始，不再有使用 Windows 强调色的内置选项。

    您可以使用 Firefox 主题为某些元素添加设置颜色，但如果您确实想恢复使用系统主题颜色的能力，则必须使用 userChrome.css 文件。

    我写了一个文件来做这件事：

    /* Show active colors on main menu bar */
#TabsToolbar,
#navigator-toolbox,
#tabs-newtab-button,
#titlebar toolbarbutton:not(:hover):not(:active),
#scrollbutton-up:not(:hover):not(:active),
#scrollbutton-down:not(:hover):not(:active),
.titlebar-color {
    background: AccentColor !important;
    color: AccentColorText;
    fill: AccentColorText !important;
}

#TabsToolbar:-moz-window-inactive,
#navigator-toolbox:-moz-window-inactive,
#tabs-newtab-button:-moz-window-inactive,
#titlebar toolbarbutton:not(:hover):not(:active):-moz-window-inactive,
#scrollbutton-up:not(:hover):not(:active):-moz-window-inactive,
#scrollbutton-down:not(:hover):not(:active):-moz-window-inactive,
.titlebar-color {
    background: unset !important;
    color: unset;
    fill: unset !important;
    transition: none !important;
}

    将它添加到您的 userChrome.css 文件中，您应该可以像以前一样恢复颜色。（至少在 Mozilla 再次破坏之前。）

    • 14

  2. 我无法分辨活动窗口和非活动窗口之间的区别。

    它们是选项卡，而不是窗口。

    有几种方法可以改变颜色。

    1. 禁用质子。

      可以通过设置禁用browser.proton.enabled它false。

      Mozilla 确实有禁用此类选项的习惯，因此它可能在 Firefox 90 中不可用。

    2. 您可以修改userChrome.css以更改这些颜色。

      例子：

      .tabbrowser-tab[selected] .tab-label {
  color: black !important;
  font-weight: bold !important;
}

.tabbrowser-tab[selected] .tab-content {
  background: #fcb731 ! important;
}

.tabbrowser-tab:not([selected]) .tab-content {
  background: #585060;

      另一个例子：

       /* Use color and shape to make the tabs look more like tabs */
 .tab-background {
   background: #585060;
   border-radius: 9px 9px 0 0 !important;
   margin-bottom: 0px !important;
   box-shadow: 0 0 2px 2px rgba(0,0,0,0.1) !important;
   border: 1px solid rgba(0,0,0,.5) !important;
   border-bottom-width: 0px !important;
 }

 /* Selected tabs I want a bright background with a dark foreground */
   .tabbrowser-tab[selected] .tab-background {
   background: #fcb731 !important;
 }
 .tabbrowser-tab[selected] .tab-label {
   color: black !important;
   font-weight: bold !important;
 }
 /* Draw a solid line underneath to make the selected tab look  connected* to the rest of the browser */
 #TabsToolbar {
   border-bottom: 2px solid #fcb731 !important;
 }

 /* Hover over tabs */
 .tabbrowser-tab:hover .tab-background:not([selected]) {
   background: #686070 !important;
 }

    3. 安装Firefox 颜色扩展：

      构建、保存和分享精美的 Firefox 主题。

      转到高级颜色/选项卡选定设置。

    资料来源： Amit 的想法：Firefox 89 标签外观

    • 7

  3. 右键单击工具栏的任何按钮并Customize Toolbar...从上下文菜单中选择。定制页面打开。在左下角，勾选复选框Title bar。

    这将恢复 89 版之前的 Firefox 的行为。如果未选中该复选框，Firefox 会告诉您的窗口管理器不要添加标题栏。

    • 7

  4. 正如所说的 sapanoia，右键单击工具栏的任何按钮并Customize Toolbar...从上下文菜单中选择。定制页面打开。

    也就是说，在屏幕底部，单击“主题”下拉按钮并选择“系统主题”。

    • 0

  5. 在 about:config 中搜索了 draw 以检查状态

    browser.tabs.drawInTitlebar

    看到 gfx.draw-color-bars 看起来如果你切换true（默认为false）它返回到活动/非活动标题栏的以下系统颜色

    • 0

相关问题