如何将 Firefox 89 恢复到旧设计

Question

如何将 Firefox 89 设计恢复到旧设计？

特别是标签设计。我无法（很容易地）分辨出哪个选项卡是打开的。

我在菜单中找不到任何东西。

我在 Ubuntu 21.04 (Hirsute Hippo) 上运行 Firefox 89。

Answer 1

1. 将其复制并粘贴到 URL 栏中：

   about:config
   

2. 搜索这个：

   proton
   

3. 将以下值设置为 false：

   • browser.proton.enabled
   • browser.proton.modals.enabled
   • browser.proton.doorhangers.enabled
   • browser.proton.contextmenus.enabled

Answer 2

替代解决方案：使用像Qiyu Light这样的主题突出显示当前选项卡：

原创想法：https : //www.reddit.com/r/firefox/comments/npz18m/firefox_89_new_tab_design_is_awful/h08fdnp/

Answer 3

禁用新 UI 的选项将不可避免地从about:config. 更长期的解决方案是使用userChrome.css。

它可以更改选项卡颜色，但我不必为此目的使用它：我将 FF 主题设置为“系统”，我使用的系统主题绘制了非活动选项卡（以及顶部栏的其余部分）即使在更新到 FF 89 之后也是黑色的。

我的主要抱怨是：

• 标签栏高度过大
• 书签菜单中的间距太大

两者都可以固定。检查此详细说明，但简而言之：

• 在 中about:config，设置toolkit.legacyUserProfileCustomizations.stylesheets为true。

• 打开配置文件文件夹：在 中about:support，找到名为的行Profile Folder并单击Open Folder它旁边的行。

• 在该目录中，创建一个名为 的目录chrome，并在其中创建文件userChrome.css.

• userchrome.org 有一些关于在那里放什么的建议，旨在实现 FF-98 之前的外观（除其他外）。

  我最终得到了以下文件，它减少了书签菜单的间距，并调整了标签栏设计（这降低了它的高度并使其看起来几乎像更新前一样）。

  请注意，仅在重新启动 FF 后才会应用对文件的任何更改。

  /*** Tighten up drop-down/context/popup menu spacing ***/
  
  menupopup > menuitem, menupopup > menu {
    padding-block: 4px !important;
  }
  :root {
    --arrowpanel-menuitem-padding: 4px 8px !important;
  }
  
  /*** Proton Tabs Tweaks ***/
  
  /* Adjust tab corner shape, optionally remove space below tabs */
  
  #tabbrowser-tabs {
      --user-tab-rounding: 0px;
  }
  @media (-moz-proton) {
      .tab-background {
      border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important;
      margin-block: 1px 0 !important;
      }
  }
  
  /* Inactive tabs: Separator line style */
  
  @media (-moz-proton) {
      .tab-background:not([selected=true]):not([multiselected=true]):not([beforeselected-visible="true"]) {
      border-right: 1px solid rgba(0, 0, 0, .20) !important;
      }
      /* For dark backgrounds */
      [brighttext="true"] .tab-background:not([selected=true]):not([multiselected=true]):not([beforeselected-visible="true"]) {
      border-right: 1px solid var(--lwt-selected-tab-background-color, rgba(255, 255, 255, .20)) !important;
      }
      .tab-background:not([selected=true]):not([multiselected=true]) {
      border-radius: 0 !important;
      }
      /* Remove padding between tabs */
      .tabbrowser-tab {
      padding-left: 0 !important;
      padding-right: 0 !important;
      }
  }