改造しようと思ったらｱｱｱｱｯ

さて、先日Lokkaのテーマを改造しようと意気込んだわけですが…

sassわかってなかった

まあ構造は一目見てすぐに理解したのですが…

body
  background-color: #FFA0BA
  article
    background-color: #FFDFEB

この場合、

body {
    background-color: #FFA0BA;
}
body article {
    background-color: #FFDFEB;
}

というふうになります。jdo.itでSassやLessも使えるようになったとき、SCSSと間違えてて{}書いてたのもいい思い出です。

色を変えるのがめんどくさそう

どこでどの色が使われているのかはわかるのですが、それをいちいち変えていくのも面倒ですね。ひとまず、1色ごとに変数を割り当ててしまうということで対処しました。

さて、どうやって確認しよう…

と思っていたら、コンパイルした状態であればライブプレビューできるツールがありました。
CSS編集、CSSエディタ | Adobe Edge Code
これで見た目を変えたらどうなるか確認しつつ作業ができそうです。

と、いうわけで…

今回は色だけ変えれば良しとしたいので、

1. ひとまず色名を変数化してどこかにおいておく
2. プレビューを見つつ配色しなおす

という感じでやっていこうと思います。

あと、Creative Cloudって有料プランしかないのかと思っていたら無料プランがありました。もちろんPhotoshopやIllustratorなどは体験版しか使えませんが、クラウドストレージや一部のツールを使うことができます。先ほどあげたEdge Codeも(今のところ)無料で使えます。