Updates D2 extension’s colors and icons

firefox/content/disconnect.safariextension/opera/chrome/scripts/popup.js

@@ -592,7 +592,7 @@ function renderBlockedRequest(id, blockedCount, totalCount, weighted) {
       attr('y', 38 - SPEED_HEIGHT).
       attr('width', 8).
       attr('height', SPEED_HEIGHT).
-      attr('fill', '#ff7f00');
+      attr('fill', '#47A57F');
     d3.select('.subtotal.bandwidth').remove();
     dashboard.
       insert('svg:rect', '.control.bandwidth').
@@ -601,7 +601,7 @@ function renderBlockedRequest(id, blockedCount, totalCount, weighted) {
       attr('y', 38 - BANDWIDTH_HEIGHT).
       attr('width', 8).
       attr('height', BANDWIDTH_HEIGHT).
-      attr('fill', '#ffbf3f');
+      attr('fill', '#3B8C6D');
   }
 }
 
@@ -739,7 +739,7 @@ function renderGraphs() {
           attr('y', Y).
           attr('width', 10).
           attr('height', HEIGHT).
-          attr('fill', '#ff3f00');
+          attr('fill', '#333846');
         d3.select('.total.bandwidth').remove();
         dashboard.
           insert('svg:rect', '.subtotal.bandwidth').
@@ -748,7 +748,7 @@ function renderGraphs() {
           attr('y', Y).
           attr('width', 10).
           attr('height', HEIGHT).
-          attr('fill', '#ff7f00');
+          attr('fill', '#333846');
         // d3.select('.total.security').remove();
         // dashboard.
         //   insert('svg:rect', '.subtotal.security').

firefox/content/disconnect.safariextension/opera/chrome/stylesheets/popup.css

@@ -93,7 +93,7 @@ td { padding: 0 }
 #navbar .text a:last-child { display: none }
 
 #shortcuts {
-  background: #2b2b2b;
+  background: #3C4554;
   width: 200px;
   height: 45px;
   text-align: center
@@ -110,7 +110,7 @@ td { padding: 0 }
 
 .shortcut:first-child { display: none }
 
-.shortcut td { background: #1c7045 }
+.shortcut td { background: #3B8C6D }
 
 .shortcut.deactivated td { background: #4f4f4f }
 
@@ -278,9 +278,11 @@ td { padding: 0 }
   font-size: 7px
 }
 
-#dashboard .label { 
+#dashboard .label {
   width: 66px;
-  padding-left: 30px; 
+  padding-left: 30px;
+  color: #fff;
+  padding-top: 6px;
 }
 
 #dashboard .label:last-child {
@@ -304,7 +306,7 @@ td { padding: 0 }
           transition: background-color .4s ease
 }
 
-#support a:hover { background-color: #24a33f }
+#support a:hover { background-color: #47A57F }
 
 .sharing {
   display: none;