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

Question 1

从 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 再次出现问题之前。）

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 再次出现问题之前。）

Question 2

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

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

Answer

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

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

Question 3

我无法区分活动窗口和非活动窗口。

它们是标签，而不是窗口。

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

禁用质子。

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

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

您可以修改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;
 }

安装Firefox 颜色扩大：

构建、保存和共享漂亮的 Firefox 主题。

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

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

Answer