diff --git a/less/datepicker.less b/less/datepicker.less
index 9bd72c541..2c3191f57 100644
--- a/less/datepicker.less
+++ b/less/datepicker.less
@@ -52,14 +52,14 @@
 					display: block;
 
 					&:hover {
-						background: #b7e3f8;
+						background: @selectableHover;
 						text-decoration: none;
 					}
 				}
 
 				&.current-day {
 					b, button {
-						border: 1px solid #1d75bb;
+						border: 1px solid #333;
 					}
 				}
 
@@ -97,15 +97,15 @@
 
 				&.selected {
 					span {
-						background: #1d75bb;
+						background: @selected;
 
 						&:hover {
-							background: #0f5f9f;
+							background: @selectedHover;
 						}
 					}
 
 					b, button {
-						color: #fff;
+						color: #8d8787;
 					}
 
 					&.current-day {
diff --git a/less/repeater-list.less b/less/repeater-list.less
index 4649e863f..8f4f03f32 100755
--- a/less/repeater-list.less
+++ b/less/repeater-list.less
@@ -1,4 +1,4 @@
-.repeater[data-viewtype="list"] {
+.repeater[data-currentview^="list"] {
 	.repeater-canvas.scrolling {
 		overflow: visible;
 
@@ -53,7 +53,7 @@
 
 			tr {
 				&:focus {
-					outline: 1px dotted #66afe9;
+					outline: 1px dotted #d7d7d7;
 				}
 
 				&.empty {
@@ -68,19 +68,19 @@
 
 				&.selectable{
 					&:hover td {
-						background: #d9edf7;
+						background: @selectableHover;
 						cursor: pointer;
 					}
 				}
 
 				&.selected {
 					&:hover td {
-						background: #428bca;
+						background: @selectedHover;
 					}
 
 					td {
-						background: #66AFE9;
-						color: #fff;
+						background: @selected;
+						color: #333;
 
 						&:first-child {
 							padding-left: 30px;
diff --git a/less/repeater-thumbnail.less b/less/repeater-thumbnail.less
index 15271e034..c7e487c80 100755
--- a/less/repeater-thumbnail.less
+++ b/less/repeater-thumbnail.less
@@ -9,17 +9,17 @@
 
 	&.selectable {
 		&:hover {
-			background: #d9edf7;
+			background: @selectableHover;
 			cursor: pointer;
 		}
 	}
 
 	&.selected {
-		background: #66AFE9;
+		background: @selected;
 		color: #fff;
 
 		&:hover {
-			background: #428bca;
+			background: @selectedHover;
 		}
 	}
 
diff --git a/less/tree.less b/less/tree.less
index aad4a6052..9bc93ad35 100644
--- a/less/tree.less
+++ b/less/tree.less
@@ -108,7 +108,7 @@
 
 		&.tree-selected .tree-item-name {
 			background-color: @treeSelectBackground;
-			color: #fff;
+			color: #333;
 		}
 
 		label {
diff --git a/less/variables.less b/less/variables.less
index b238bd7e5..6b4384274 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -148,6 +148,13 @@
 @zindexModalBackdrop:     1040;
 @zindexModal:             1050;
 
+//Selectable Hover, Selected, Selected Hover
+// -------------------------
+@selectableHover: #f1f1f1;
+@selected: #efefef;
+@selectedHover: #d7d7d7;
+
+
 
 // Sprite icons path
 // -------------------------
@@ -304,7 +311,7 @@
 // Tree
 // --------------------------------------------------
 @treeHoverText: @grayLight;
-@treeSelectBackground: #4f4f4f;
+@treeSelectBackground: @selected;
 
 
 // Icons