Firefox

笔记

userChrome.css

userChrome.css 位于 $profile_dir/chrome/userChrome.css，用于定制界面。另外需要在 about:config 中打开 toolkit.legacyUserProfileCustomizations.stylesheets 选项。^[1]

设置

userChrome.css

userChrome.css 的位置为 ~/.mozilla/firefox/PROFILE_NAME/chrome/userChrome.css

Firefox 89 UI 更改

将 Multi-Account Container 的彩色条置于下方 ^[2]

.tab-context-line {
    background-color: transparent !important;
    background-image: linear-gradient(to right, transparent 10%, var(--identity-tab-color) 10%, var(--identity-tab-color) 90%, transparent 90%);
    margin: -2px !important;
    transform: translateY(32px);
}

其它设置见 GitHub 仓库 black7375/firefox-ui-fix。

Tab 上的右键菜单更改

去除菜单中的「新建标签页」和它下面的分隔线（是 Firefox 89 之后突然加上的一个选项）

#tabContextMenu #context_openANewTab,
#tabContextMenu #context_openANewTab + menuseparator {
    display: none !important;
}

有关更改菜单选项见 Guide How To Edit Your Context Menu
有关右键菜单的 CSS 选择器见 simpleMenuWizard。

参考资料

[1] How to Create a userChrome.css File

[2] ttps://gist.github.com/intrnl/ef2066b9b97b2b6026dab05a6011f8c0

[1]

[2]