暑い夏におすすめの涼しげな感じのデザインです。
テーマ「パレット」をインストール後、
↓↓こちらを「デザイン」→「カスタマイズ」→「{}デザインCSS」にコピペしてください。
/*============================== ice blue ==============================*/ /*=== main-color ===*/ #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 { color:midnightblue;} .entry-content pre.code:before {background-color: midnightblue;} .entry-content blockquote {border-left:35px solid midnightblue;} /*=== border ===*/ .entry-content hr, .urllist-item, .page-archive .archive-entry, ul.table-of-contents:before, .comment-box .entry-comment {border-bottom: 1px solid midnightblue;} .entry-header, .hatena-module-title {border-bottom: 3px solid midnightblue;} .comment-box .entry-comment:first-child {border-top: 1px solid midnightblue;} .categories a, .leave-comment-title, :not(.permalink)>.pager-next a {border:1px solid midnightblue;color: midnightblue;} /*=== sub-color ===*/ 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: skyblue;} /*=== background-color ===*/ .date a, .hatena-urllist .urllist-date-link a, .hatena-urllist .urllist-category-link a, .entry-content blockquote, .entry-content pre.code, ul.table-of-contents {background-color:aliceblue;} /*=== h1~h5 ===*/ h1,h2,h3,h1 a,h2 a,h3 a {color:black;} .entry-content h3 {border-top: 3px solid midnightblue;} .entry-content h3 {border-bottom: 3px solid midnightblue;} .entry-content h1 {border-bottom: 7px solid midnightblue;} .entry-content h2, .entry-content h4 {border-left: 7px solid midnightblue;} .entry-content h1, .entry-content h2, .entry-content h3 {background-color: aliceblue;} /*=== globalheader ===*/ #globalheader-container {background-color:aliceblue;color:midnightblue;} #globalheader-container {border-bottom:1px solid midnightblue;} /*=== title ===*/ html,body{background-color:aliceblue;} #blog-title{border-bottom:5px solid midnightblue;} #title{font-size:2rem} /*=== navi-top ===*/ ul.navi-top{background-color:aliceblue;border-bottom:1px solid midnightblue;} ul.navi-top a{color:midnightblue;background-color:aliceblue;} ul.navi-top a:hover{color:midnightblue;background-color:skyblue;} ul.navi-top li a::before{letter-spacing: 0.5em;} /*=== bottom-menu ===*/ .bottom-menu li a{color:midnightblue;} ul.bottom-menu{border-top: 2px solid midnightblue;border-bottom:2px solid midnightblue;} ul.bottom-menu, ul.bottom-menu li{background-color:aliceblue;} ul.menu-second-level li a{background-color:aliceblue;color:midnightblue;} ul.menu-second-level li a:hover{background-color:midnightblue;color:white;} ul.menu-second-level li a{border-top:1px solid midnightblue;} .bottom-menu li a:hover{color:midnightblue} /*== icon ==*/ ul.navi-top li a::before, ul.table-of-contents li:before, .hatena-module-title::before {font-family:"blogicon"; content:"\f029";/*=== check ===*/ color: midnightblue;} /*=== footer ===*/ #footer, #footer a{color:midnightblue;background-color:aliceblue}