HatebuこのZENO-TEALというテーマはその名にあるようにTEALという色をテーマカラーとしています。この色を変更したい人もいると思うので、今回はそのカスタマイズ方法です。このテーマでメインカラーの印象はかなり強いので同じテーマを使っているとすぐにわかりますよね。自分の個性を出すためにも変えたいと思う人も多いでしょう。メインカラーを変更する方法まず、このZENO-TEALというテーマのメインカラーはTEALで、■←こんな色(#009688)です。はてなのグローバルヘッダーなどにちょっと濃い色■(#00897b)を、メニューに薄い色■(#26a69a)と3つの色を使っています。これをcssで上書きします。デザイン設定のデザインcssに以下のコードを加えるとメインカラーを変えることができます。li:before{background:#色コード;}色コードという部分を好きな色に変更してください。まとめてインディゴ系統に変えるとこうなります。ちなみにこれは■メイン:#3f51b5、■濃い色:#3949ab、■薄い色:#5c6bc0となっています。色の参考もともとのTEALの配色はGoogleのマテリアルデザインの色を持ってきています。guidelinesここにはマテリアルデザインの色がカラーごとにまとまっています。上のコードの中にも書いていますが、それぞれの系統の中からメインは500の、濃い色は600の、薄い色は400の色を適用しています。ここから同じようにその数字の色を持ってくると簡単に整えられると思います。おまけトップページのカード右上などについている黄色いカテゴリー部分の色を変更したいときは以下のcssを加えてください。background:#色コード;}これで変更できると思います。追記2017.03.27コードを修正しました。li:beforeを追加)...カテゴリー部分も修正しました。2017.03.29コードを修正しました。TEALはトップページをカード型にしたはてなブログ用テーマです。全体的にはフラットにまとめています。テーマをもとに、いろいろカスタマイズして自分に使いやすいようにカスタマイズしてみてください。CREATOR製作者:orefolder茨城県つくば市在住のウェブサイト運営者。普段はorefolder.netというAndroidスマートフォンの情報サイトをメインに活動しています。はてな歴は2017年で13年ほどの中堅。改変したテーマを同一の許諾条件の下でのみ頒布することを許可しますつまり、いろなど改変したものをどんどん作っていいし、それをテーマストアに投稿してもいいということです。カスタマイズしてください。カスタマイズ元となるこのテーマのcssはこちらにあります。→こちらはてなブログをはじめよう!c-miyaさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。