“Firefox”的版本间的差异
跳到导航
跳到搜索
| 第4行： | 第4行： | ||
<code>userChrome.css</code> 位于 <code>$profile_dir/chrome/userChrome.css</code>，用于定制界面。另外需要在 <code>about:config</code> 中打开 <code>toolkit.legacyUserProfileCustomizations.stylesheets</code> 选项。<ref>[https://www.userchrome.org/how-create-userchrome-css.html How to Create a userChrome.css File]</ref> | <code>userChrome.css</code> 位于 <code>$profile_dir/chrome/userChrome.css</code>，用于定制界面。另外需要在 <code>about:config</code> 中打开 <code>toolkit.legacyUserProfileCustomizations.stylesheets</code> 选项。<ref>[https://www.userchrome.org/how-create-userchrome-css.html How to Create a userChrome.css File]</ref> | ||
| + | |||
| + | == 设置 == | ||
| + | |||
| + | === Firefox 89 UI 更改 === | ||
| + | |||
| + | 将 Multi-Account Container 的彩色条置于下方，更改 userChrome.css：<ref>https://gist.github.com/intrnl/ef2066b9b97b2b6026dab05a6011f8c0</ref> | ||
| + | <syntaxhighlight lang=css> | ||
| + | .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); | ||
| + | } | ||
| + | </syntaxhighlight> | ||
== 参考资料 == | == 参考资料 == | ||
2021年6月1日 (二) 20:46的版本
笔记
userChrome.css
userChrome.css 位于 $profile_dir/chrome/userChrome.css，用于定制界面。另外需要在 about:config 中打开 toolkit.legacyUserProfileCustomizations.stylesheets 选项。[1]
设置
Firefox 89 UI 更改
将 Multi-Account Container 的彩色条置于下方，更改 userChrome.css：[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);
}