2025年4月18日金曜日

firefox で userChrome.css を使う方法

firefox で userChrome.css を使う方法

概要

最新バージョンではデフォルト無効ですが有効にすることで使えます
今回はブックマークバーの間隔を調整する方法を紹介します

環境

  • Firefox Developer Edition 138.0b8

userChrome.css の有効化

  • about:config をアドレスバーに入力
  • toolkit.legacyUserProfileCustomizations.stylesheets の設定を検索
  • true に設定

userChrome.css の作成

プロファイル配下に chrome ディレクトリを作成しそこに userChrome.css を作成します

  • mkdir "/Users/username/Library/Application Support/Firefox/Profiles/uxiqfej5.dev-edition-default-1744936099514/chrome"
  • vim "/Users/username/Library/Application Support/Firefox/Profiles/uxiqfej5.dev-edition-default-1744936099514/chrome/userChrome.css"
/* ブックマークバーのアイコン間隔を狭くする */
toolbarbutton.bookmark-item {
  padding: 0px 4px !important; /* 左右のパディングを少なくする(デフォルトは6px前後) */
  margin: 0 !important;
}

プロファイルのパスは about:support からでも確認できます

Firefox の再起動

設定を反映させます

動作確認

ブックマークバーの間隔が狭くなっていることを確認します

最後に

有効にすれば userChrome.css はまだ使えるようです

0 件のコメント:

コメントを投稿