公式テーマspun: circleの表示（白黒→カラー）

マウスを持っていくとカラーになる設定は、style.cssの以下の部分

/*グレイスケール 画像ありの仕組み*/
.blog .hentry a .attachment-post-thumbnail,
.archive .hentry a .attachment-post-thumbnail,
.search .hentry a .attachment-post-thumbnail {
	border-radius: 180px;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-webkit-filter: grayscale(1); /* Older versions of webkit */
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%); /* IE 10 */
	filter: gray; /* IE 9 */
	filter: url('inc/desaturate.svg#greyscale'); /* Firefox */
	opacity: .8;
	-webkit-opacity: .8;
	-moz-opacity: .8;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	width: 100%;
	height: 100%;
	z-index: 1;
}

関連のヒント
チャイルドテーマのstyle.css
、

/*　サークルの文字色*/

.hentry.no-thumbnail span{
	color:green;
}
/*マウスを乗せた色　テキスト*/
.hentry.no-thumbnail span:hover{
	color:yellow;
}
/*サークル背景色の変更　画像なしの*/
.hentry.no-thumbnail {
	background:#FFCC99;
}

以下が、実際の表示変更をテストしたスタイルシートです。

チャイルドテーマの、style.cssです。
Theme Name: spun child　は、現在作っているチャイルドテーマ名に変更してください。

/*
Theme Name: spun child
Template:spun
*/
@import url("../spun/style.css");

/* フッター中央そろえ */
.site-info{
text-align:center;
}
/* ページのサイトタイトル */
.page .site-title{
/* 表示　非表示*/
	/*display:none;*/
	font-family:sans-serif;
	font-style:normal;
}
/*　サークルの文字色*/

.hentry.no-thumbnail span{
	color:green;
}
/*マウスを乗せた色　テキスト*/
.hentry.no-thumbnail span:hover{
	color:yellow;
}
/*サークル背景色の変更　画像なしの*/
.hentry.no-thumbnail {
	background:#FFCC99;
}

/*グレイスケール 画像ありの仕組み*/
.blog .hentry a .attachment-post-thumbnail,
.archive .hentry a .attachment-post-thumbnail,
.search .hentry a .attachment-post-thumbnail {
	border-radius: 180px;
/* モノクロ表示のルール　スタート　 100% を　50% 1を.5等に変えてみて*/
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-webkit-filter: grayscale(1); /* Older versions of webkit */
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%); /* IE 10 */
	filter: gray; /* IE 9 */
	filter: url('inc/desaturate.svg#greyscale'); /* Firefox */
	opacity: .8;
	-webkit-opacity: .8;
	-moz-opacity: .8;
/* モノクロ表示のルール　エンド*/
/*　時間を置いたもやもやっとした　演出 スタート　.3s　を　.1s等に変えてみて*/
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
/*　時間を置いたもやもやっとした　演出 エンド*/
	width: 100%;
	height: 100%;
	z-index: 1;
}

/*
その他 フォント設定

functions.php
add_action( 'init', 'spun_register_fonts' );
*/

上記の変更を行った結果のスナップショット

http://tenman.info/labo/snip/files/spun-child.png