Changed sidebar colors on hover and active

_includes/components/footer.html

@@ -25,7 +25,6 @@
 				<li><a href="#">contribute</a></li>
 				<li><a href="#">donate</a></li>
 				<li><a href="#">partners</a></li>
-				<li><a href="#">run OONI</a></li>
 			</ul>
 			<ul class="col-lg-3 col-md-4 col-sm-6 col-xs-12 mb-5" id="footer-socialMedia-menu">
 				<span>Follow us</span>

_site/assets/styles/layout.scss

@@ -36,10 +36,14 @@
 }
 
 .sidebar__link__light {
-  color: $oc-gray-9 !important;
+  color: $oc-gray-6 !important;
 
   &:hover {
-    color: $secondary !important;
+    color: $oc-black !important;
+  }
+
+  &:active {
+    color: $primary;
   }
 }
 

_site/assets/styles/main.css

@@ -8,8 +8,9 @@
 
 .sidebar-wrapper { background-color: #dee2e6; }
 
-.sidebar__link__light { color: #212529 !important; }
+.sidebar__link__light { color: #868e96 !important; }
-.sidebar__link__light:hover { color: #60AB60 !important; }
+.sidebar__link__light:hover { color: #000000 !important; }
+.sidebar__link__light:active { color: #4661A9; }
 
 .row { margin: auto !important; }
 

_site/components/index.html

@@ -287,7 +287,6 @@
 				<li><a href="#">contribute</a></li>
 				<li><a href="#">donate</a></li>
 				<li><a href="#">partners</a></li>
-				<li><a href="#">run OONI</a></li>
 			</ul>
 			<ul class="col-lg-3 col-md-4 col-sm-6 col-xs-12 mb-5" id="footer-socialMedia-menu">
 				<span>Follow us</span>

assets/styles/layout.scss

@@ -36,10 +36,14 @@
 }
 
 .sidebar__link__light {
-  color: $oc-gray-9 !important;
+  color: $oc-gray-6 !important;
 
   &:hover {
-    color: $secondary !important;
+    color: $oc-black !important;
+  }
+
+  &:active {
+    color: $primary;
   }
 }