テンプレのBoilerplateからいろいろ変えました。
ぷらち (id:platism)さんの「Mistilteinn」を大分参考にしています。
http://blog.hatena.ne.jp/-/store/theme/11696248318755805834
サンプルエントリーはこちら
http://kyokucho1989.hatenadiary.jp/
色を変えたいとき
以下のコードをデザインCSSへ貼付けてください。
#〜〜を書き換えれば、ページ上の同じ色の箇所が一括で変更できます。
/* color*/ /* #8cb4b4 メインカラー*/ #globalheader-container ,.pager a ,.entry-header-menu a ,.hatena-module-title ,.hatena-module-title a ,.pager-prev a,.pager-next a,.page-entry .pager-next a,.page-entry .pager-prev a, .page-archive .pager-next a, .page-archive .pager-prev a { background: #523249; } .entry-title { border-left:23px solid #523249; } /* #3D3D3D; グローバルヘッダーの文字色*/ #globalheader-container { color: #f9f9f9; } /*#33D9E0 マウスオーバーの色(つづきをよむなど)*/ .entry-header-menu a:hover ,.leave-comment-title:hover,a.entry-see-more:hover,.hatena-module-title a:hover,.leave-comment-title:hover ,a.entry-see-more:hover,.hatena-module-title a:hover,.recent-entries-title-link:hover,.pager a:hover { background-color:#E4572E; } .archive-module-button:hover { background:#E4572E !important; } .profile-icon:hover { box-shadow: 0 0 0 3px #E4572E !important; } /* background:rgba(170,238,255,0.2) マウスオーバー色2 記事タイトル等*/ .hatena-urllist li a:hover,.hatena-module-html .hatena-module-body li a:hover,.archive-module-year-title:hover, .archive-module-month-title:hover{ background-color:#ECCBD9; } /*#ADC8C8 見出し左の色*/ .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4{ border-color:#A29587; } /* #DFDFDF 小見出しの色(左が■のやつ)*/ .entry-content h5:before,.entry-content h6:before { color: #DFDFDF; }
色を探すのはここがオススメ。
Coolors.co - The super fast color schemes generator
追記:20150124
プロフィールモジュールのpaddingを修正。