☰

如何在新版 Firefox 中在标签之间添加分隔符？

tag-icon • tag-icon firefox browser firefox-extensions
如何在新版 Firefox 中在标签之间添加分隔符？

新的 Firefox 更新（2021 年 6 月）很不错，而且很简约 - 但是，我真的不喜欢很难分辨一个选项卡的开始和结束位置，因为选项卡之间没有分隔符：

在此处输入图片描述

我找不到任何插件或主题可以帮我解决这个问题。这确实影响了我的工作效率，因为我总是点击错误的选项卡。我可以安装什么来重新显示选项卡之间的线条吗？

答案1

使用用户Chrome.css，您可以自定义 Firefox 的许多方面。在下面的示例中，非活动、默认选项卡具有从白色到灰色的渐变；光标悬停在选项卡上悬停是从深灰色到白色的渐变；活动标签使用水平颜色渐变。这让我能更清楚地区分标签。

水平制表符分隔

  • 启用 CSS：关于：配置，toolkit.legacyUserProfileCustomizations.stylesheets设置true。

  • 打开您的 Firefox 配置文件。

    • Linux，主页.mozilla\firefox\xxxxxxxx.default
    • 视窗，C:\Users<用户名>\AppData\Roaming\Mozilla\Firefox\Profiles\xxxxxxxx.default
    • 苹果系统，用户//库/应用程序支持/Firefox/Profiles/xxxxxxxx.default

  • 如果没有文件夹铬合金， 创造它。

  • 如果没有文件用户Chrome.css在该文件夹中，将其创建为文本文档，即使用 Kate、Notepad++ 或其他文本编辑器。

  • 复制并粘贴以下文本并保存文件。（如果您正在编辑现有的用户Chrome.css并且该@namespace行存在，则无需重复。

  • 关闭并重新启动 Firefox 即可查看新的标签页样式。

    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Tab: default colors */
#tabbrowser-tabs .tabbrowser-tab:not([selected]) .tab-content { background: linear-gradient(to right,#FFFFFF,#BBBBBB) !important; }
/* Tab: selected colors */
#tabbrowser-tabs .tabbrowser-tab[selected] .tab-content { background: linear-gradient(to right,#AAFFAA,#FFAAFF) !important; }
/* Tab: hovered colors */
#tabbrowser-tabs .tabbrowser-tab:hover:not([selected]) .tab-content { background: linear-gradient(to right,#808080,#FFFFFF) !important; }

请随意修改外观以适合您的喜好。

相关内容