Honmushi blog
2018/10/05

ブログのカラーテーマを考える

デザインするにあたって大まかな色使いを決めます。 結論暫定的に以下にします。

  • sky 75b1a9
  • sunglow d9b44a
  • mountains 4f6457
  • mist acd0c0

後々変更すると思いますが、一旦これで開始します。 あまりに色がないと寂しいので。

前衛的なものでなく、見やすさを重視したいです。 それっぽくスタイルを更新していきます。

大きなイメージはスタイリッシュ&レトロ

sky
75b1a9

空の色のイメージのようです。

sunglow
d9b44a

日没間近の夕焼け?でしょうか。

mountains 
4f6457

遠くの山です。

mist
acd0c0

霧です。

色のイメージは結構適当です。日々運用していく中でいいデザインを見つけたら真似して変更するかもしれません。あまりころころ変えないようにしますが、久しぶりに訪れたらデザイン変わっていたということもあるかもしれませんのでご了承ください。

Gatsby のスタイルの定義

いい感じにコンポーネント化されている?様子なので、勘所掴みつつ修正していきます。 現在、大まかなスタイルは「layout.css」に定義されており、各レイアウトパーツのスタイルはインラインで記載されている様子です。

意図的にそうなっているのだと思いますがどうなのでしょうか。いろいろ調査してみます。

スタイルの定義

いったんtypography.jsに追加しました。 typographyで選択しているテーマ内のスタイルを上書きできる書き方があったのでそれを試しています。 それっぽくはなっていますがどうなのでしょうか。

あまりあちこちに書くのは運用するに当たって良くないので一元化したいのですが、なかなか難しいです。

  • このエントリーをはてなブックマークに追加