Firefox外見のCSS

 
Web Tips.
Booskanium's
Booskanium's Web Tips.

Firefox 89でUIがProtonに

Firefoxは度重なるデザイン変更と拡張機能切り捨てで人気下落中、そしてFirefox 89で採用されたProtonのデザインは、なんか居心地が悪い。Android版のFirefoxも然り。Chromeみたいに基本UIは大きく変えないで居てほしかった。

とはいってもFirefox上には長年溜め込んだブックマーク資産があるので簡単には捨てられない。
そこで我慢できなくなりFirefoxのCSSを弄りだしてしまいました。
昔あったUIをフルに弄り倒せるTheme(後にClassic Themeと名称変更されて消滅)を復活してほしい。

CSSのありかと、UIデザインのHTMLのありか

CSS

CSSファイルを置く場所

C:\Users\shikada\AppData\Roaming\Mozilla\Firefox\Profiles\ユーザープロファイル\Chrome\userChrome.css
						

独自CSSを有効にする方法は「about:config」で「toolkit.legacyUserProfileCustomizations.stylesheets を true」にする。

UIのHTML

これを触るとバージョンアップに影響しそうだが、Protonのデザインが嫌なので触る。

手っ取り早くこんなのがありました

CustomCSSforFx
この中で選んだスタイルはClassicです。
これをじっくりリバース・エンジニアリングして、弄り倒してやる!!。