diff --git a/css/tt-rss.css b/css/tt-rss.css
index 65923ba7e..5befafd1f 100644
--- a/css/tt-rss.css
+++ b/css/tt-rss.css
@@ -407,6 +407,17 @@ a.hlFeed:hover {
 img.markedPic, img.pubPic {
 	cursor : pointer;
 	vertical-align : middle;
+	opacity : 0.5;
+	-webkit-transition : opacity 0.25s;
+	transition : opacity 0.25s;
+}
+
+img.markedPic:hover, img.pubPic:hover {
+	opacity : 1;
+}
+
+img[src*='pub_set.png'], img[src*='mark_set.png'] {
+	opacity : 1;
 }
 
 div.tagCloudContainer {
@@ -1188,4 +1199,21 @@ div.enclosure_title {
 
 }
 
+.claro .dijitCheckBox {
+	background-image : url("../images/untick.png");
+	background-color : transparent;
+	width : 16px;
+	height : 16px;
+	background-position : center center;	
+	opacity : 0.6;
+	-webkit-transition : opacity 0.5s;
+	transition : opacity 0.5s;
+}
+.claro .dijitCheckBox:hover {
+	opacity : 1;
+}
 
+.claro .dijitCheckBox.dijitCheckBoxChecked {
+	background-image : url("../images/tick.png");
+	opacity : 1;
+}
diff --git a/images/mark_unset.png b/images/mark_unset.png
index 537e2f0c0..15894b6ca 100644
Binary files a/images/mark_unset.png and b/images/mark_unset.png differ
diff --git a/images/pub_unset.png b/images/pub_unset.png
index 3629d4cb8..56d0b7848 100644
Binary files a/images/pub_unset.png and b/images/pub_unset.png differ
diff --git a/images/tick.png b/images/tick.png
new file mode 100644
index 000000000..a9925a06a
Binary files /dev/null and b/images/tick.png differ
diff --git a/images/untick.png b/images/untick.png
new file mode 100644
index 000000000..be3afe401
Binary files /dev/null and b/images/untick.png differ