oganosin blog

カスタマイズするにあたっての基本（？）色の変更をメインに。
まずはCSSをのぞいて使用している色を抜き出してみる。
抜き出し方はターミナルにて

#grep color style.css | sort | uniq
#grep background style.css | sort | uniq

• background-color: #5C75AA;
• background-color: #FFFFFF;
• background-color:#5F78AB;
• background-color: #f5f5f5;
• background-color: #f3f3f3;
• background: #627AAD;
• background: #899BC1;
• background: #D8DFEA;
• background: #ECEFF5;
• background: #eee;
• background:#F7F7F7 none repeat scroll 0 0;
• border-color:#26446E #152F5F #0C2253;
• color: #000;
• color: #3B5998;
• color: #666;
• color: #777777;
• color: gray;
• color:#333333;
• color:#FFFFFF;

画像のほうでは

• menubar.png：color: #3B5998;
• bodybg.gif : color:#EDEFF4;
• plus.gif：color: #3B5998;
• search.gif：color: #6D84B4;

こうして見ると結構な数の色を使ってますね。メインの色を抜き出すと

• menubar.pngを中心に一番濃い色として多用されている：color: #3B5998;
• search.gif、カテゴリメニューに使用されている中間色：color: #6D84B4;
• bodybg.gifに使用されている薄い色 : color:#EDEFF4;

に集約されると思います。この3色とそれに近い色を置き換える事でテーマーカラーを変更していこうと思います。