テーマ smells like facebook をカスタマイズする際のメモ

by oganosin. 0 Comments

カスタマイズするにあたっての基本(?)色の変更をメインに。
まずは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色とそれに近い色を置き換える事でテーマーカラーを変更していこうと思います。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です