動機
89.0 までは Proton UI を無効化する方法で対処できましたが、このバージョンからはできなくなりました。
どうしても受け容れれないくらい使いにくくなってしまったので、時間を掛けてネット検索したところ、効果的な方法を見つけたので投稿しておきます。
方法
Firefox のアドレスバーへ about:config と入力する。
「注意して進んでください!」と表示されたページが現れるので「危険性を承知の上で使用する」ボタンを押す。
「設定名を検索」へ次のキーワードを入力。
toolkit.legacyUserProfileCustomizations.stylesheets
値が false と表示されているはずなので、これを true へ変更(右脇の横向き矢印を押す)。
PowerShell を開く。次のスクリプトを順次入力する。
$defaultRelease = Get-ChildItem -Path "$env:AppData/Mozilla/Firefox/Profiles" -Directory -Filter '*.default-release*' | Sort-Object -Property LastWriteTime -Descending | Select-Object -First 1
$container = "{0}/chrome" -f $defaultRelease.FullName
if (-Not (Test-Path -Path $container)){
New-Item -ItemType Directory -Path $container
}
$chromeCss = "$container/userChrome.css"
if (-Not (Test-Path -Path $chromeCss)){
@(
'menupopup > menuitem, menupopup > menu {padding-block: 0px !important;}'
':root {--arrowpanel-menuitem-padding: 0px !important;}'
'.tab-background[selected="true"] {background-color: #f0f0e0 !important; background-image: none !important;}'
) | Out-File -FilePath $chromeCss -Encoding UTF8
}
配列を定義(@())している1つ目の要素の” padding-block “へ指定した画素数でメニューアイテムの上下間隔を、2つ目の” –arrowpanel-menuitem-padding ” へ指定した画素数でメニューアイテムの左右間隔を其々調節できる。
3つ目の要素ではタブの背景色を変えている。上記の設定値だと、選択しているタブだけを淡黄色の背景に変えることが出来る。
設定が済んだら FireFox を再起動する、以上。