参考 定制指南,应用 userChrome.css,要先在 about:config 开启 toolkit.legacyUserProfileCustomizations.stylesheets
然后进入 about:support,打开配置文件夹,新建 chrome 目录及其下的 userChrome.cssuserContent.css 两个文件。

FirefoxCSS-Store 里有很多主题可以使用。
除了 firefox-csshacks,还有 CustomCSSforFx 之类的样式集,随意组合,目前试用了后者。

多行标签太爽,不再需要标签侧栏,就是移动标签会有错位问题,干脆就不移动了:

@import "./css/tabs/default_tabs_photon.css"; /* 标签栏使用修改后的 Photon 主题 */
@import "./css/tabs/missing_tab_favicon_restored_default.css"; /* 缺失的站点图标替代 */
@import "./css/tabs/tab_maxwidth.css"; /* 配置标签最大宽度 */
@import "./css/tabs/tab_close_hidden.css"; /* 隐藏标签关闭按钮(中键替代) */
@import "./css/tabs/tabs_multiple_lines.css"; /* 多行标签 */

本来想还原火狐橙,但现在的菜单已经不适合左上角展开,添加图标后各种好看:

@import "./css/appbutton/appbutton_on_navbar_icon_white.css"; /* 使用白色 logo 作为菜单图标 */
@import "./css/appbutton/appbutton_popup_icons.css"; /* 为菜单项添加前缀图标 */

额外地修改下地址栏高度、字体大小和图标边距,更紧凑以放置更多内容:

#urlbar,
.searchbar-textbox {
    font-size: 12px !important;
    min-height: 30px !important;
}

#nav-bar .toolbarbutton-1 {
    padding: 0px !important;
}

标签栏也做相应修改,隐藏所有标签菜单按钮:

#tabbrowser-tabs {
    --tab-min-height: 37px !important;
    font-size: 11px;
}

.tabbrowser-tab {
    max-height: 34px !important;
}

#main-window .tabbrowser-tab .tab-icon-image {
    width: 15px !important;
    height: 15px !important;
}

#alltabs-button {
    display: none !important;
}

弹出菜单相应缩小:

* menupopup {
    font-size: 11px !important;
    max-width: 200px;
}

看起来舒服多了。

1.png