--- a/cms/app-client/app/components/discourses-component.js	Tue Oct 18 20:10:45 2016 +0530
+++ b/cms/app-client/app/components/discourses-component.js	Tue Oct 18 20:34:13 2016 +0530
@@ -60,7 +60,7 @@
                 .style("height", function(d) { return (d.r * 2) + "px"; })
                 .style("background-color", function(d) { return d.fill; })
                 .style("border-color", function(d) { return d.stroke; })
-                .style("font-size", function(d) { return Math.floor((((d.value - oldMin) * (13 - 11)) / (oldMax - oldMin)) + 11) + 'px'; })
+                .style("font-size", function(d) { return Math.floor((((d.value - oldMin) * (13 - 10)) / (oldMax - oldMin)) + 10) + 'px'; })
                 .on('click', function(d) {
                     self.get('filter').set('discourse', d.id);
                 });

--- a/cms/app-client/app/services/constants.js	Tue Oct 18 20:10:45 2016 +0530
+++ b/cms/app-client/app/services/constants.js	Tue Oct 18 20:34:13 2016 +0530
@@ -58,20 +58,20 @@
 
 const DISCOURSE_CATEGORY_VALUES = {
   "cat1": {
-    "fill": "#F3F6F7",
-    "stroke": "#BECFD4"
+    "fill": "#777777",
+    "stroke": "#777777"
   },
   "cat2": {
-    "fill": "#BECFD4",
-    "stroke": "#91ADB6"
+    "fill": "#606060",
+    "stroke": "#606060"
   },
   "cat3": {
-    "fill": "#91ADB6",
-    "stroke": "#628793"
+    "fill": "#4A4A4A",
+    "stroke": "#4A4A4A"
   },
   "cat4":{
-    "fill": "#628793",
-    "stroke": "#415A62"
+    "fill": "#333333",
+    "stroke": "#333333"
   }
 };
 

--- a/cms/app-client/app/styles/app.scss	Tue Oct 18 20:10:45 2016 +0530
+++ b/cms/app-client/app/styles/app.scss	Tue Oct 18 20:34:13 2016 +0530
@@ -22,6 +22,7 @@
 
 body {
     background-color: $medium-white;
+    -webkit-font-smoothing: antialiased;
 }
 
 button {

--- a/cms/app-client/app/styles/components/discourses-component.scss	Tue Oct 18 20:10:45 2016 +0530
+++ b/cms/app-client/app/styles/components/discourses-component.scss	Tue Oct 18 20:34:13 2016 +0530
@@ -13,7 +13,7 @@
 }
 
 .discourses-component .item {
-	color: $dark-blue;
+	color: $corpus-white;
 	text-align: center;
 	font-size: 12px;
 	position: absolute;
@@ -34,9 +34,9 @@
 
 .discourses-component .item:hover,
 .discourses-component .item.selected {
-	color: $light-blue;
-	background-color: $medium-blue!important;
-	border-color: $light-blue!important;
+	color: $corpus-white;
+	background-color: $corpus-blue!important;
+	border-color: $corpus-blue!important;
 }
 
 .discourses-component .item span {