userChrome.css

(LibreWolf 159.0-1で檢證)

Firefox系Web UAのGUIをCSSで調節する。

1. about:configで「toolkit.legacyUserProfileCustomizations.stylesheets」を「true」に變更する。
2. プロファイルの中に「chrome/userChrome.css」を作成・編輯する。
3. Firefoxを再起動する。

idなどの調べ方

GUIの部品に對してDOM要素の狀態やスタイルを確認できる。

1. F12でDeveloper Toolを開き、F1で設定を開く。
2. 「Enable browser chrome and add-on debugging toolboxes」にチェックを入れる。
3. 「Enable remote debugging」にチェックを入れる。
4. Menu barから「Tools」-「Browser Tools」-「Remote Debugging」を選擇する。

記述内容

URL barの「Not Secure」を赤くしない

#trust-icon-container.insecure {
  background: var(--urlbar-box-background-color) !important;
  border: none !important;
  color: var(--urlbar-box-text-color) !important;
}

奧附

美々蝶々

公開 2026-11-07