[Issue #330] applied unified colour scheme

data/index.html

@@ -162,7 +162,7 @@
                             <section>
                                 <div class="blue-text all-cap-header">DESCRIPTION</div>
                                 <p>
-                                    In this clock visualization, you can see <svg class="legend-canvas-small" version="1.1" xmlns="http://www.w3.org/2000/svg"><circle class="visitedSites" cx="8" cy="8" r="6" /></svg> <b>circular nodes</b> in <span style="color:#72AC45"><b>green</b></span> represents websites you have visited and <span style="color:#968BCD"><b>purple</b></span> nodes that are sites you have not but still connected to you and the connections between them.  Over time, this view reveals patterns across the arch that represent your browsing behavirous according to time and your relationship with the web.
+                                    In this clock visualization, you can see <svg class="legend-canvas-small" version="1.1" xmlns="http://www.w3.org/2000/svg"><circle class="visitedSites" cx="8" cy="8" r="6" /></svg> <b>circular nodes</b> in <span style="color:#128764"><b>green</b></span> represents websites you have visited and <span style="color:#F1C40F"><b>yellow</b></span> nodes that are sites you have not but still connected to you and the connections between them.  Over time, this view reveals patterns across the arch that represent your browsing behavirous according to time and your relationship with the web.
                                 </p>
                                 <p>
                                     This visualization becomes populated as 15 minutes increments on the arc and the previous (24 hour) session is seen faded to compare data from the previous day.
@@ -365,7 +365,7 @@
                             <div class="btn legend-toggle-visited active">
                                 <a>
                                     <svg class="legend-canvas-small" version="1.1" xmlns="http://www.w3.org/2000/svg">
-                                        <circle class="sourceSites" cx="8" cy="8" r="6" />
+                                        <circle class="source-sites" cx="8" cy="8" r="6" />
                                     </svg>
                                     Visited Site("source")
                                 </a>
@@ -373,7 +373,7 @@
                             <div class="btn legend-toggle-target active">
                                 <a>
                                     <svg class="legend-canvas-small" version="1.1" xmlns="http://www.w3.org/2000/svg">
-                                        <circle class="targetSites" cx="8" cy="8" r="6" />
+                                        <circle class="target-sites" cx="8" cy="8" r="6" />
                                     </svg>
                                     Third Party Site("target")
                                 </a>
@@ -398,7 +398,7 @@
                                 </a>
                             </div>
                         </section>
-                        <section class="column">
+                        <!-- <section class="column">
                             <div class="legend-label">
                                 <svg class="legend-canvas-small" version="1.1" xmlns="http://www.w3.org/2000/svg">
                                     <circle class="selectedSites" cx="8" cy="8" r="6" />
@@ -411,7 +411,7 @@
                                 </svg>
                                 "Colluded Sites"
                             </div>
-                        </section>
+                        </section> -->
                     </section>
               </div>
               <!-- SITE PREFERENCES for List ================================  -->

data/style.css

@@ -62,6 +62,10 @@ a:visited{
     color: #73A4B8;
 }
 
+.grey-text{
+    color: #3E454D;
+}
+
 .main{
     position: relative;
     height: 100%;
@@ -346,7 +350,7 @@ a:visited{
 
 .stats-section{
     float: left;
-    color: #707070;
+    color: #3E454D;
     width: 80%;
 }
 
@@ -364,7 +368,7 @@ a:visited{
 .sharing-section .label{
     display: inline-block;
     letter-spacing: 1px;
-    color: #707070;
+    color: #3E454D;
 }
 
 .sharing-section .share-btn{
@@ -647,14 +651,14 @@ text {
 /* CLOCK Visualization */
 
 .source,
-.sourceSites{
-    fill: #FFF;
+.source-sites{
+    fill: #128764;
     stroke: none;
 }
 
 .target,
-.targetSites{
-    fill: #FFDD64;
+.target-sites{
+    fill: #F1C40F;
     stroke: none;
 }
 
@@ -688,7 +692,7 @@ text {
 }
 
 .times-am-pm-label{
-    fill: #555;
+    fill: #3E454D;
     font-size: 10px;
 }
 
@@ -738,7 +742,7 @@ text {
 }
 
 .clicked-node.node.target{
-    stroke: #FA6900;
+    stroke: #F1C40F;
 }
 
 .colluded-source.node, .colluded-target.node{