web-dev-qa-db-ja.com

FirefoxのテーマをCSSでローカルに変更します（拡張子なし）

拡張機能をインストールせずに変更したいことがいくつかあります。

例：タブの最大幅とメニューの高さ、

以前のバージョンでは、次の方法で実行できました。

about:config ->browser.tabs.tab.maxWidth

FF4以降はCSSで行う必要があります。今、私はデフォルトのテーマを検索しました：

C:\Users\wetcat\AppData\Roaming\Mozilla\Firefox\Profiles\feriz.default
and
C:\Program Files (x86)\Mozilla Firefox

2番目に、拡張機能->テーマを見つけることができましたが、CSSはありませんでした。 AppDataで、CSSまたはテーマフォルダーが見つかりませんでした。

CSSを作成または変更するファイルはどこにありますか??

Firefox11を使用しています。

firefoxcss
5
Email

Firefoxのユーザープロファイルディレクトリに移動します。そこで、フォルダchromeを開き（存在しない場合は作成します）、userChrome-example.cssの名前をuserChrome.cssに変更します（または、ファイルに記載されているように、コピーを作成して名前を変更します）。

次のCSSをファイルuserChrome.cssに追加します。

.tabbrowser-tab:not([pinned]) {
   max-width: 100px !important;
}

保存すれば完了です。

enter image description here

いくつかの 問題のコメント 以前の設定と比較して、CSSのすべての変更にはいくつかの欠陥があると述べています。私のシステムでは、左側のタブを閉じても、右側のタブ（および新しいタブボタン）は左側にスライドしません。

enter image description here

5
Daniel Beck

CSSファイルは最初は存在しません。作成する必要があります。

C：\ Program Files\Firefox\defaults\profile\userChrome-example.css

UserChrome.cssファイルの例です。CSSを追加した後、ファイルをuserChrome.cssとして保存します。

C：\ Users\wetcat\AppData\Roaming\Mozilla\Firefox\Profiles\feriz.default\chrome

2
HackToHell