FirefoxのuserChrome.cssをいじってみた。 Amaterasuのなんでもメモ日記/ウェブリブログ

FirefoxのuserChrome.cssをいじってみた。

<< 作成日時： 2005/06/18 15:27 >>

途中で終わってしまったFirefoxのタブの色変更がある程度出来たのでここにメモ。
まずは、userChrome.cssを自分のprofilesの中にあるchromeに作成。
userCherome-example.cssというファイルをrenameして利用するのも可。

具体的には、以下のようなパスになる。(Windowsをドライブ Cにinstallした場合)

c:\Documents and Settings\[Login User名]\Mozilla\Firefox\Profiles\[ID.default]\chrome\userChrome.css

作成したら、以下のsourceを入力。

------------------------------------
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

tab{
-moz-appearance: none !important;
}

/* アクティブなタブの色を変える */

tab[selected="true"] {
margin-top: 0;
-moz-border-top-colors: red !important;
background-color: rgb(245,210,255) !important;
color: black !important;
}

/* 通常のタブの色を変える */

tab:not([selected="true"]) {
background-color: rgb(222,222,222) !important;
color: gray !important;
}

-----------------------------------------
ファイル操作等が楽々出来る方は、以下のファイルを覗いてみるのもいいかも。
テーマ作成まで懲りたくはないがちょっと外見をカスタマイズしたい方にはいいヒントになるかも。

[Firefox install DIR]\chrome内のjarファイル。特にclassic.jar。