Ajaxを使用したフォトアルバムPiccyを設置してみた - 3/3

スタイルシートを変更する

GoogleMaps機能は置いといて、CSSをいじってみることに。できあがったページがこちら。

実際に設置したページ

テーマはストロベリー×ミント。ニットの鮮やかな色にインスピレーションを得たのかどうなのか。解説は面倒なので省略しますが、変更した箇所だけ紹介します。レイアウトはそのままで配色のみ変更しました。尚、表向き見える部分のみしか色を変えていないので、ツメが甘いです。

変更する箇所

lib/theme/cssの中のpiccy.cssを開いて以下の部分を変更します。色を置き換えているだけなので、ほとんどがテキストエディタの置換機能で簡単に変えられます。

• #F20034→#808080
• #FF8098→#C0C0C0
• #FF0F00→#FF1493
• #BFFFD2→#C2ECE3
• #A2FF00→#C2ECE3
• #C5CAFF→#DCDCDC
• #00BF37→102,182,187,249行のみ#FF1493に
• #00BF37→138,179行のみ#FF82ABに
• #00BF37→276,285行のみ#C2ECE3に

以上、書き換えてアップロードすれば完了です。