如何切换回 Firefox 的旧标签样式？

Question

最近的更新（我认为是 89 个）导致所有选项卡以相同的连续阴影呈现，这使得以某种方式更难发现每个选项卡的开始和结束（无论网站图标如何，对不起，愚蠢的旧适当边框更容易在我的眼睛上）。我怎么拿回来？我尝试了这个相关的答案 browser.proton.enabled=false无济于事，重新启用紧凑模式也只能部分恢复以前的外观和感觉。我怎样才能恢复好的旧标签底纹和边框？

Answer 1

在 Firefox 91 中，恢复旧标签样式如下：

1. 打开about:config。

2. 搜索toolkit.legacyUserProfileCustomizations.stylesheets。

3. 双击该值将其设置为true。

4. 打开about:support。

5. 搜索配置文件目录（或配置文件文件夹）。

6. 单击打开目录（或打开文件夹）。

7. 创建一个名为chrome.

8. 导航到chrome目录。

9. 在chrome 中创建一个名为userChrome.css.

10. 将以下代码复制并粘贴到userChrome.css 中：

     .tab-background {
       border-radius: 0px 0px !important;
       margin-bottom: 0px !important;
     }
    
     .tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background {
       background-color: color-mix(in srgb, currentColor 5%, transparent);
     }
    
     menupopup>menu,
     menupopup>menuitem {
       padding-block: 2px !important;
     }
    
     :root {
       --arrowpanel-menuitem-padding: 2px !important;
     }
    

11. 保存文件。

12. 重启火狐。

旧标签样式已恢复。

Answer 2

毫不奇怪，我不是唯一不喜欢这个的人，幸运的是，https://github.com/black7375/Firefox-UI-Fix#installation-guide上已经有一个名为 Lepton 的修复程序。它仍然感觉不是 100% 正确，但是使用简单的制表符分隔符已经好多了。

Answer 3

我的版本userChrome.css，我只更改了困扰我的部分（分离的选项卡）。

• 选项卡附加到工具栏，除非多选背景选项卡。
• 选中时，选项卡与工具栏具有相同的颜色。

.tab-background {
  border-radius: var(--tab-border-radius) var(--tab-border-radius) 0 0 !important;
  margin-top: 1px !important;
  margin-bottom: 0 !important;
  padding-bottom: 31px !important;
}
.tabbrowser-tab[multiselected=true]:not([selected=true]) .tab-background {
  border-radius: var(--tab-border-radius) !important;
  margin-top: 2px !important;
  margin-bottom: 1px !important;
  padding-bottom: 29px !important;
}
.tabbrowser-tab[selected=true] .tab-background ,
.tabbrowser-tab[multiselected=true] .tab-background {
  background-color: var(--toolbar-bgcolor) !important;
  background-image: var(--toolbar-bgimage) !important;
}