はてなテーマ「Palette(パレット)」の着せ替えコードです
テーマのダウンロードはこちらからどうぞ♪♪
↓↓
Palette (パレット) - テーマ ストア
★初期設定はシンプルな白黒を基調にしたデザインです!
こちらのページでは...
お好きな3色を選ぶだけでイイ感じに仕上がる!
をお送りします。
試しにテキトーに選んだ3色でこんな感じになります♪
このページの説明
画面上でお好きな色にコードを書き換えられます。
出来上がったコードをそのままコピペするだけ!
コピペする場所
「ダッシュボード」(ブログ設定画面)の「デザイン」から
❶カスタマイズ(スパナマーク)→❷{}デザインCSS→❸変更を保存
色の説明
説明のために下記の色を使用してますが、お好きな色に設定してくださいね(^0^)
ちなみに↓↓下記の色を使った場合はこのようになります。
サンプルエントリー
color-1 = メインカラー
枠線やリンクの文字の色などメインになる色。濃い色がおすすめ。
color-2 = アクセントカラー
タイトルとマウスオーバーなどのちょっとしたアクセントの色。
color-3 = バックグラウンドカラー
背景色など。薄い色がおすすめ。
使い方
color1~color3の色を選んで【決定】ボタンをクリックするとコードが書き換えられます!
★ブラウザによってはご自身で色の番号を入れて頂く必要があります。
#から始まる6桁を入れて【決定】ボタンを押してください。(例:「#ff6694」など)
★色辞典をご参考にしてください。
WEB色見本 原色大辞典 - HTMLカラーコード
※下記は簡易版です。
リセットボタンをつけてないので間違えた場合は、恐れ入りますが、もう一度ページを読み込んでお試しください。
★コードの取得★
==== ↓↓ ここからコピペどうぞ♡ ↓↓ ====
(最後まで全てコピーしてください)
/*=================== favorite 3 colors ===================*/ #title a:hover,#blog-description, .date a:hover,a:hover,.categories a, .hatena-module-profile .id a, .hatena-urllist .urllist-date-link a, :not(.permalink)>.pager-next a, .hatena-urllist .urllist-category-link a, .categories a, ul.navi-top a,ul.navi-top a:hover, .leave-comment-title, :not(.permalink)>.pager-next a, #globalheader-container, #footer, #footer a, .bottom-menu li a, ul.menu-second-level li a, .bottom-menu li a:hover, h1,h2,h3,h1 a,h2 a,h3 a {color: color1;} .entry-content pre .code:before, ul.menu-second-level li a:hover {background-color: color1;} /*=== border ===*/ .entry-content hr,.urllist-item, .page-archive .archive-entry, ul.table-of-contents:before, .comment-box .entry-comment, #globalheader-container, ul.navi-top {border-bottom: 1px solid color1;} .entry-header, .hatena-module-title, .entry-content h3,ul.bottom-menu {border-bottom: 2px solid color1;} .entry-content h3,ul.bottom-menu {border-top: 2px solid color1;} .comment-box .entry-comment:first-child, ul.menu-second-level li a {border-top: 1px solid color1;} .categories a, .leave-comment-title, :not(.permalink)>.pager-next a {border: 1px solid color1;} .entry-content h2, .entry-content h4 {border-left: 7px solid color1;} #blog-title,.entry-content h1 {border-bottom:5px solid color1;} .entry-content blockquote {border-left:35px solid color1;} /*== icon ==*/ ul.navi-top li a::before, ul.table-of-contents li:before, .hatena-module-title::before {font-family:"blogicon"; /*=== check ===*/ content:"\f029"; color: color1;} a,#title a,.date a, .hatena-module-profile .id a:hover, .hatena-urllist .urllist-date-link a:hover, .hatena-urllist .urllist-category-link a:hover, .entry-title a:hover,.categories a:hover, :not(.permalink)>.pager-next a:hover, .leave-comment-title:hover, ul.table-of-contents li a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: color2;} ul.navi-top a:hover{ background-color: color2;} .date a, .hatena-urllist .urllist-date-link a, .hatena-urllist .urllist-category-link a, .entry-content blockquote,html,body, .entry-content pre.code, ul.table-of-contents, .entry-content h1, .entry-content h2, .entry-content h3, #globalheader-container, ul.navi-top,ul.navi-top a, ul.bottom-menu, ul.bottom-menu li, ul.menu-second-level li a, #footer, #footer a {background-color: color3;} /*=== navi-top ===*/ ul.navi-top li a::before {letter-spacing: 0.5em;} /*=== bottom-menu ===*/ ul.menu-second-level li a:hover {color:white;} /*=== title ===*/ #title{font-size:2rem}
以上です。お疲れ様でした♡