フォクすけのテーマを導入

こんな感じになった．

フォクすけのテーマ

9月1日で2歳になったフォクすけのテーマがFirefox3に対応したので，インストールしてみた．

フォクすけの Firefox 情報局 - 2 歳になったフォクすけのテーマが Firefox 3 に対応しました！

なんか秋っぽい感じがする．
メニューバーを表示している時に表示される，右上のフォクすけが可愛い．
特に，ページの読み込み中の走っている姿がいい．

いつもは，メニューバーを表示していないのだけれども，このテーマの時は，表示しておこうと思う．

ステータスバーの文字色を変える

Vimperatorを使っていると，ステータスバーの文字色が白になっているので，フォクすけのテーマだと，文字がかなり見難くなる．
なので，userChrome.cssでステータスバーの文字色を変えた．

userChrome.css

.hl-StatusLine {
     background-color: #FFF0C !important; 
     color: black !important;
}
.hl-StatusLineSecure {
     background-color: #B0FF00 !important; /* light green */
     color: black !important;
}
.hl-StatusLineBroken {
     background-color: #FF6060 !important; /* light red */
     color: black !important;
}

ステータスバーの文字色を変える過程

どこを変えればいいのかまったく分からなくて，調べていたら，こんなサイトを見つけた．

Examples
Change statusbar colors

if you don't like the new white-on-black statusbar colors, change them in your userChrome.css file inside your $profile/chrome/ directory.

.hl-StatusLine {
     background-color: yellow !important;
     color: black !important;
     /* background:none !important;        /* some themes use an image here */
 
}
.hl-StatusLineSecure {
     background-color: #B0FF00 !important; /* light green */
     color: black !important;
}
.hl-StatusLineBroken {
     background-color: #FF6060 !important; /* light red */
     color: black !important;
}

vimperator labs

どうやら，userChrome.cssをいじれば，ステータスバーの色が変えられるらしい．

また，userChrome.cssを使うと，ステータスバーだけじゃなく，いろいろ変えられるみたい．

ブラウザ上の表示をコントロールできるスタイルシートです。Mozilla・Mozilla FirefoxはUIの表現の一部をスタイルシートでしているので、柔軟な変更が出来る様になっています。

userchrome.css - Mozilla Firefox まとめサイト

あとで，試そうと思う．