☰

如何将 Firefox 89 恢复为旧设计

tag-icon • tag-icon firefox
如何将 Firefox 89 恢复为旧设计

如何将 Firefox 89 设计恢复为旧版本？

特别是标签设计。我无法（轻易）分辨出哪个标签是打开的。

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

我在 Ubuntu 21.04（Hirsute Hippo）上运行 Firefox 89。

答案1

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

    about:config

  2. 搜索这个：

    proton

  3. 将以下值设置为 false：

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

答案2

替代解决方案：使用类似的主题奇宇之光突出显示当前选项卡：

Qiyu Light 主题中的 Firefox 标签栏

创见：https://www.reddit.com/r/firefox/comments/npz18m/firefox_89_new_tab_design_is_awful/h08fdnp/

答案3

禁用新 UI 的选项将不可避免地从 中删除about:config。更长期的解决方案是使用用户Chrome.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;
    }
}

答案4

还有一个现成的 userChrome.css 修复程序：https://github.com/black7375/Fix

相关内容