ブログデザインの「custom」で使用されているCSS内の色と、
クラスやIDなどの要素の関係を調べました。
色と要素は以下の通り

body { background-color: #eff0eb;}
ページ全体の色は薄いグレー
#container { border-radius:4px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); margin: 0 auto; width: 940px;}
角丸の四角形で囲む、色は5%着色(クロ)
body.layout-1col #content { background-color: #fff;}
背景色白
body.layout-1col #sidebar { background-color: #f8f8f8; border-radius: 0 0 4px 4px; padding: 20px 50px;}
body.layout-2col #content { background: url(http://parts.blog.livedoor.jp/img/usr/default_2012/common/bg_side.png) repeat-y #fff;}
背景色を画像を利用して、さらに白で塗りつぶし
body { color: #080000; font: 14px/1.2 Helvetica,Verdana,sans-serif;}
文字の色とフォント設定
a,body.page-article .article-title a:visited { color: #2e90c5; text-decoration:none;}
投稿記事つについての文字色設定
a:visited { color: #723c94;}
訪問済みリンク文字色
a:hover { color: #197bb0; text-decoration:underline;}
リンクONマウス文字色
#blog-header { border-radius: 4px 4px 0 0; height: 160px; background-color: #287cba; background-image: -webkit-radial-gradient(left top, ellipse cover, #2e8fc4 0%, #287cba 100%); background-image:
-moz-radial-gradient(left top, ellipse cover, #2e8fc4 0%, #287cba 100%); background-image:
-ms-radial-gradient(left top, ellipse cover, #2e8fc4 0%, #287cba 100%); background-image: radial-gradient(left top, ellipse cover, #2e8fc4 0%, #287cba 100%); position: relative;}
ヘッダー部分の背景色を始めさまざまな部分の色設定
#blog-title { color: #fff; font-size: 24px; font-weight: bold; line-height: 1.2; padding-bottom: 4px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);}
ヘッダー部分の設定
#blog-title a { color: #fff;}
ヘッダー部分のタイトルリンク設定
#blog-description { color: #fff; font-size: 14px; font-weight: normal; line-height: 1.4; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);}
ヘッダー部分のブログ要約文章
#blog-description a { color: #fff;}
ヘッダー部分のブログ要約文章リンク文字色
.article-date { color: #808080; font-size: 12px;}
投稿記事日付の文字色がグレー
.article-footer { margin-top: 1em; border-bottom: 1px solid #cecece;}
投稿記事フッター(カテゴリやコメント数)
.article-social-btn { border-top: 1px solid #cecece; margin-bottom: -1px;}
投稿記事フッター(ツイート、Facebook表示)
.article-continue a { color:#333;}
不明
dl.common-theme{ background: #fafafa; border: 1px solid #ddd; border-radius: 3px; padding: 8px 12px;}
不明
.message-board { background-color: #f7f7f7; border: 1px solid #e4e7e8; border-radius: 4px; color: #333; line-height: 1.6; margin-bottom: 26px; overflow: hidden; padding: 15px;}
不明
div.private-mode-announcement,div.comment-auth-announcement { background-color: #fafafa; border: 1px solid #ddd;}
不明
.article-body { color: #080000; font-size: 14px;}
個別記事表示の投稿記事内エリア
.article-body-inner h1,.article-body-inner h2,.article-body-inner h3 { border-bottom:3px solid #7f7f7f; clear: both;}
投稿記事
.article-body-inner h4 { border-bottom:1px solid #ccc; clear: both;}
投稿記事
.article-body-inner blockquote { background-color:#fafafa; border: 1px solid #fff;}
投稿記事
.article-body-inner blockquote:before { color: #ddd;}
投稿記事
.article-body-inner img.pict{ border: 5px solid #fff; box-shadow: 0px 3px 8px rgba(51, 51, 51, 0.2); height: auto; margin: 1em 6px 1.5em!important; max-width: 98.4%;}
投稿記事
.comment-date,.ping-blog-name,.ping-date { border-left: 1px solid #aaa; color: #aaa;}
.comment-body { margin-left: 16px; color: #666;}
.ping-excerpt { color: #666; margin-left: 16px;}
ul.index-navigator li a,ul.index-navigator li.current span { background-color: #fff; border: 1px solid #ddd; color: #555;}
ul.index-navigator li.current span { background-color: #2e90c5; color: #fff; text-shadow: 0 1px 0 #000;}
ul.index-navigator a:hover { background-color: #eee; text-decoration: none; text-shadow: 0 1px 0 #fff;}
ul.index-navigator a:visited { color: #555;}
ul.article-pager li a,ul.archives-pager li a { border: 1px solid #ddd; border-radius: 3px; color: #555; background-color: #fff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.02); color: #555;}
#blog-footer { color:#555; padding: 40px;}
#blog-footer a { color:#555;}
.sidewrapper { border-bottom: 1px solid #fcfcfc; font-size: 12px; overflow: hidden; padding: 20px 0; position: relative;}
.sidewrapper:after{ border-bottom: 1px solid #d8d8d8; bottom: 0; content: ''; left: 0; position: absolute; width: 100%;}
.sidewrapper .sidetitle { color: #333; font-size: 14px; font-weight: bold; line-height: 1.2; margin-bottom: 0.7em;}
.sidewrapper .sidetitle a { color: #333;}
table.caltblwk .weekday { color: #666;}
カレンダー表示
table.caltblwk .sun { color: #ff5d5d;}
カレンダー表示
table.caltblwk .sat { color: #578efa;}
カレンダー表示
table.caltblday { color: #8d8d8d; border-collapse: separate; border-spacing: 1px;}
カレンダー表示
table.caltblday .caloff { background-color: #fff; border: 1px solid #e4e7e8;}
カレンダー表示
table.caltblday .calon a { background-color: #2e90c5; color:#fff; height: 23px; line-height: 23px; text-shadow: 0 1px 0 rgba(0,0,0,0.7);}
カレンダー表示
table.caltblday .calon a:hover { background-color: #197bb0;}
カレンダー表示
.archives-header { background: #fafafa; border-left: 5px solid #2e90c5; border-radius: 3px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); color: #333; font-size: 15px; margin-bottom: 20px; padding: 10px;}
#ad2 a.addescription { color:#666;}
#blog-header.hide-text #blog-title a { background-color:#fff; opacity: 0; filter: alpha(opacity = 0); -webkit-transition: opacity 0.1s linear;
-moz-transition: opacity 0.1s linear;
-ms-transition: opacity 0.1s linear;
-o-transition: opacity 0.1s linear; transition: opacity 0.1s linear;}