diff --git a/erpnext/home/page/desktop/desktop.css b/erpnext/home/page/desktop/desktop.css
index 4a8d128..bc67739 100644
--- a/erpnext/home/page/desktop/desktop.css
+++ b/erpnext/home/page/desktop/desktop.css
@@ -57,21 +57,25 @@
 
 .case-label {
 	color: white;
-	font-size: 14px;
+	/*font-size: 12px;*/
 	padding-top: 10px;
 	text-align: center;
 	text-shadow: 1px 1px 5px #000, 3px 3px 5px #000;
 }
 
 /* Hover and click effects */
-.case-border:hover {
-	animation: hover-effect 0.5s;
-	-moz-animation: hover-effect 0.5s; /* Firefox */
-	-webkit-animation: hover-effect 0.5s; /* Safari and Chrome */
+.case-border:hover, .circle:hover {
+	animation: hover-effect 0.1s;
+	-moz-animation: hover-effect 0.1s; /* Firefox */
+	-webkit-animation: hover-effect 0.05s; /* Safari and Chrome */
+	
+	animation-timing-function:linear;
+	-moz-animation-timing-function:linear; /* Firefox */
+	-webkit-animation-timing-function:linear; /* Safari and Chrome */
 	box-shadow: 0 0 2px 0 black, 0 0 10px 1px white;
 }
 
-.case-border:active, .case-border:focus {
+.case-border:active, .case-border:focus, .circle:active, .circle:focus {
 	box-shadow: 0 0 5px 2px black;
 }
 
@@ -93,3 +97,27 @@
 	to {box-shadow: 0 0 2px 0 black, 0 0 10px 1px white;}
 }
 
+.circle {
+	border-radius: 100%;
+	height: 15px;
+	min-width: 15px;
+	background: #B00D07;
+	padding: 3px;
+	z-index: 2;
+	float: right;
+	margin-top: -10px;
+	margin-right: 10px;
+	border: 2px solid white;
+	box-shadow: 0 0 10px 1px black;
+}
+
+.circle-text {
+	color: white;
+	font-size: 12px;
+	vertical-align: middle;
+	text-align: center;
+	display: inline-block;
+	margin-top: -2px;
+	text-shadow: 1px 1px 5px #000;
+}
+
diff --git a/erpnext/home/page/desktop/desktop.html b/erpnext/home/page/desktop/desktop.html
index 52af1c5..43ee423 100644
--- a/erpnext/home/page/desktop/desktop.html
+++ b/erpnext/home/page/desktop/desktop.html
@@ -1,4 +1,4 @@
-<div style="min-height: 300px; background: None; text-align: center;
+<div style="min-height: 500px; background: None; text-align: center;
 	margin: 0px auto;">	
 	<div id="icon-grid">
 	</div>
diff --git a/erpnext/home/page/desktop/desktop.js b/erpnext/home/page/desktop/desktop.js
index 2595869e..9400cfe 100644
--- a/erpnext/home/page/desktop/desktop.js
+++ b/erpnext/home/page/desktop/desktop.js
@@ -19,20 +19,23 @@
 
 erpnext.desktop.add_classes = function() {
 	var classes = [
-	{ name: 'red', start: '#A90329', middle: '#8F0222',	end: '#6D0019' },
-	{ name: 'brown', start: '#723e02', middle: '#633501', end: '#4a2700' },
-	{ name: 'green', start: '#4b5602', middle: '#3f4901', end: '#313800' },
-	{ name: 'blue', start: '#026584', middle: '#025770', end: '#004256' },
-	{ name: 'yellow', start: '#be7902', middle: '#a66a02', end: '#865500' },
-	{ name: 'purple', start: '#4d017d', middle: '#410169', end: '#310050' },
-	{ name: 'ocean', start: '#02a47e', middle: '#018d6c', end: '#006a51' },
-	{ name: 'pink', start: '#a40281', middle: '#8d016e', end: '#6a0053' },
-	{ name: 'grey', start: '#545454', middle: '#484848', end: '#363636' },
-	{ name: 'dark-red', start: '#68021a', middle: '#590116', end: '#440010' },
-	{ name: 'leaf-green', start: '#b0a400', middle: '#968c00', end: '#726a00' },
-	{ name: 'dark-blue', start: '#023bae', middle: '#013295', end: '#002672' },
-	{ name: 'bright-green', start: '#03ad1f', middle: '#02941a', end: '#007213' },
-	{ name: 'bright-yellow', start: '#ffd65e', middle: '#febf04', end: '#ed9017' },
+		{ name: 'red', start: '#A90329', middle: '#8F0222',	end: '#6D0019' },
+		{ name: 'brown', start: '#723e02', middle: '#633501', end: '#4a2700' },
+		{ name: 'green', start: '#4b5602', middle: '#3f4901', end: '#313800' },
+		{ name: 'blue', start: '#026584', middle: '#025770', end: '#004256' },
+		{ name: 'yellow', start: '#be7902', middle: '#a66a02', end: '#865500' },
+		{ name: 'purple', start: '#4d017d', middle: '#410169', end: '#310050' },
+		{ name: 'ocean', start: '#02a47e', middle: '#018d6c', end: '#006a51' },
+		{ name: 'pink', start: '#a40281', middle: '#8d016e', end: '#6a0053' },
+		{ name: 'grey', start: '#545454', middle: '#484848', end: '#363636' },
+		{ name: 'dark-red', start: '#68021a', middle: '#590116', end: '#440010' },
+		{ name: 'leaf-green', start: '#b0a400', middle: '#968c00', end: '#726a00' },
+		//{ name: 'dark-blue', start: '#023bae', middle: '#013295', end: '#002672' },
+		{ name: 'bright-green', start: '#03ad1f', middle: '#02941a', end: '#007213' },
+		{ name: 'bright-yellow', start: '#ffd65e', middle: '#febf04', end: '#ed9017' },
+		{ name: 'peacock', start: '#026584', middle: '#026584', end: '#322476' },
+		{ name: 'violet', start: '#50448e', middle: '#473b7f', end: '#3a3169' },
+		{ name: 'ultra-dark-green', start: '#014333', middle: '#01372b', end: '#002a20' },
 	];
 	$.each(classes, function(i, v) {
 		$(repl(erpnext.desktop.gradient, v)).appendTo('head');
@@ -48,7 +51,7 @@
 		{ gradient: 'red', sprite: 'buying', label: 'Buying', link: '#!buying-home' },
 		{ gradient: 'purple', sprite: 'support', label: 'Support', link: '#!support-home' },
 		{ gradient: 'ocean', sprite: 'hr', label: 'Human<br />Resources', link: '#!hr-home' },
-		{ gradient: 'red', sprite: 'project', label: 'Projects', link: '#!projects-home' },
+		{ gradient: 'violet', sprite: 'project', label: 'Projects', link: '#!projects-home' },
 		{ gradient: 'dark-red', sprite: 'production', label: 'Production', link: '#!production-home' },
 		{ gradient: 'leaf-green', sprite: 'website', label: 'Website', link: '#!website-home' },
 		{ gradient: 'grey', sprite: 'setting', label: 'Settings', link: '#!Setup' },
@@ -56,13 +59,13 @@
 		//{ gradient: 'dark-blue', sprite: 'report', label: 'Report' },
 		{ gradient: 'pink', sprite: 'messages', label: 'Messages', link: '#!messages' },
 		{ gradient: 'bright-yellow', sprite: 'todo', label: 'To Do', link: '#!todo' },
-		{ gradient: 'red', sprite: 'calendar', label: 'Calendar', link: '#!calendar' },
-		{ gradient: 'red', sprite: 'kb', label: 'Knowledge<br />Base', link: '#!questions' },
+		{ gradient: 'peacock', sprite: 'calendar', label: 'Calendar', link: '#!calendar' },
+		{ gradient: 'ultra-dark-green', sprite: 'kb', label: 'Knowledge<br />Base', link: '#!questions' },
 	]
 
 	$.each(icons, function(i, v) {
 		var icon_case = $('#icon-grid').append(repl('\
-			<div class="case-wrapper"><a href=%(link)s>\
+			<div id="%(sprite)s" class="case-wrapper"><a href="%(link)s">\
 				<div class="case-border case-%(gradient)s">\
 					<div class="sprite-image sprite-%(sprite)s"></div>\
 				</div></a>\
@@ -70,6 +73,16 @@
 			</div>', v));
 	});
 
+	erpnext.desktop.show_pending_notifications();
+
+}
+
+erpnext.desktop.show_pending_notifications = function() {
+	$('#messages a:first').prepend('<div id="msg_count" class="circle">\
+		<span class="circle-text"></span></div>');
+	$('#msg_count').toggle(false);
+	update_messages();
+
 }
 
 pscript.onload_desktop = function() {