diff --git a/src/app/pages/dashboard/trafficChart/TrafficChartCtrl.js b/src/app/pages/dashboard/trafficChart/TrafficChartCtrl.js
index 84f0764..cc74e37 100644
--- a/src/app/pages/dashboard/trafficChart/TrafficChartCtrl.js
+++ b/src/app/pages/dashboard/trafficChart/TrafficChartCtrl.js
@@ -9,7 +9,7 @@
       .controller('TrafficChartCtrl', TrafficChartCtrl);
 
   /** @ngInject */
-  function TrafficChartCtrl($scope, baConfig) {
+  function TrafficChartCtrl($scope, baConfig, colorHelper) {
 
     $scope.transparent = baConfig.theme.blur;
     var dashboardColors = baConfig.colors.dashboard;
@@ -17,35 +17,35 @@
       {
         value: 2000,
         color: dashboardColors.white,
-        highlight: dashboardColors.whiteDark,
+        highlight: colorHelper.shade(dashboardColors.white, 15),
         label: 'Other',
         percentage: 87,
         order: 1,
       }, {
         value: 1500,
         color: dashboardColors.blueStone,
-        highlight: dashboardColors.blueStoneDark,
+        highlight: colorHelper.shade(dashboardColors.blueStone, 15),
         label: 'Search engines',
         percentage: 22,
         order: 4,
       }, {
         value: 1000,
         color: dashboardColors.surfieGreen,
-        highlight: dashboardColors.surfieGreenDark,
+        highlight: colorHelper.shade(dashboardColors.surfieGreen, 15),
         label: 'Referral Traffic',
         percentage: 70,
         order: 3,
       }, {
         value: 1200,
         color: dashboardColors.silverTree,
-        highlight: dashboardColors.silverTreeDark,
+        highlight: colorHelper.shade(dashboardColors.silverTree, 15),
         label: 'Direct Traffic',
         percentage: 38,
         order: 2,
       }, {
         value: 400,
         color: dashboardColors.gossip,
-        highlight: dashboardColors.gossipDark,
+        highlight: colorHelper.shade(dashboardColors.gossip, 15),
         label: 'Ad Campaigns',
         percentage: 17,
         order: 0,
diff --git a/src/app/theme/theme.configProvider.js b/src/app/theme/theme.configProvider.js
index 6d2a047..686e074 100644
--- a/src/app/theme/theme.configProvider.js
+++ b/src/app/theme/theme.configProvider.js
@@ -69,12 +69,6 @@
           silverTree: dashboardColors.silverTree,
           gossip: dashboardColors.gossip,
           white: dashboardColors.white,
-
-          blueStoneDark: colorHelper.shade(dashboardColors.blueStone, 15),
-          surfieGreenDark: colorHelper.shade(dashboardColors.surfieGreen, 15),
-          silverTreeDark: colorHelper.shade(dashboardColors.silverTree, 15),
-          gossipDark: colorHelper.shade(dashboardColors.gossip, 15),
-          whiteDark: colorHelper.shade(dashboardColors.white, 5),
         },
       }
     };