From 32c4c2979b5963123806b3044a5944219d7326bd Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 4 Feb 2016 13:54:06 +0100
Subject: [PATCH] use two colored icons

---
 _src/_assets/images/icon-graph.svg       | 39 +++++++++----------
 _src/_assets/images/icon-group.svg       | 10 +++--
 _src/_assets/images/icon-servers.svg     | 48 +++++++++++-------------
 _src/_assets/images/icon-tree.svg        | 28 ++++++--------
 _src/_assets/styles/bigchain/_icons.scss |  3 +-
 5 files changed, 58 insertions(+), 70 deletions(-)

diff --git a/_src/_assets/images/icon-graph.svg b/_src/_assets/images/icon-graph.svg
index afc8e82..3260690 100644
--- a/_src/_assets/images/icon-graph.svg
+++ b/_src/_assets/images/icon-graph.svg
@@ -1,24 +1,19 @@
-<!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In  -->
 <svg version="1.1"
-	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
-	 x="0px" y="0px" width="60px" height="60px" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
-</style>
-<defs>
-</defs>
-<g>
-	<line class="st0" x1="1" y1="59" x2="59" y2="59"/>
-	<rect x="5" y="47" class="st0" width="8" height="12"/>
-	<rect x="19" y="33" class="st0" width="8" height="26"/>
-	<rect x="33" y="39" class="st0" width="8" height="20"/>
-	<rect x="47" y="21" class="st0" width="8" height="38"/>
-	<circle class="st0" cx="53" cy="4" r="3"/>
-	<circle class="st0" cx="38" cy="22" r="3"/>
-	<circle class="st0" cx="23" cy="16" r="3"/>
-	<circle class="st0" cx="8" cy="29" r="3"/>
-	<line class="st0" x1="10.3" y1="27" x2="20.7" y2="18"/>
-	<line class="st0" x1="25.8" y1="17.1" x2="35.2" y2="20.9"/>
-	<line class="st0" x1="39.9" y1="19.7" x2="51.1" y2="6.3"/>
-</g>
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 60 60">
+    <g>
+    	<line class="st0" x1="1" y1="59" x2="59" y2="59"/>
+    	<rect x="5" y="47" class="st0" width="8" height="12"/>
+    	<rect x="19" y="33" class="st0" width="8" height="26"/>
+    	<rect x="33" y="39" class="st0" width="8" height="20"/>
+    	<rect x="47" y="21" class="st0" width="8" height="38"/>
+    </g>
+    <g stroke="currentColor">
+        <circle class="st0" cx="53" cy="4" r="3"/>
+        <circle class="st0" cx="38" cy="22" r="3"/>
+        <circle class="st0" cx="23" cy="16" r="3"/>
+        <circle class="st0" cx="8" cy="29" r="3"/>
+        <line class="st0" x1="10.3" y1="27" x2="20.7" y2="18"/>
+        <line class="st0" x1="25.8" y1="17.1" x2="35.2" y2="20.9"/>
+        <line class="st0" x1="39.9" y1="19.7" x2="51.1" y2="6.3"/>
+    </g>
 </svg>
diff --git a/_src/_assets/images/icon-group.svg b/_src/_assets/images/icon-group.svg
index 4a3c7a9..b12c6b4 100644
--- a/_src/_assets/images/icon-group.svg
+++ b/_src/_assets/images/icon-group.svg
@@ -1,10 +1,12 @@
-<svg version="1.1" width="60px" height="60px" viewBox="0 0 60 60">
+<svg version="1.1" viewBox="0 0 60 60">
+    <g stroke="currentColor">
+        <circle class="st0" cx="50" cy="26" r="5"/>
+        <circle class="st0" cx="30" cy="6" r="5"/>
+        <circle class="st0" cx="10" cy="26" r="5"/>
+    </g>
     <g>
-    	<circle class="st0" cx="50" cy="26" r="5"/>
     	<path class="st0" d="M50.2,35H59c0,6.7-0.6,12.7-6,13.8V59h-2.8H47V48.8c-5-1.1-5.7-7.1-5.7-13.8H50.2z"/>
-    	<circle class="st0" cx="30" cy="6" r="5"/>
     	<path class="st0" d="M30.2,15H39c0,6.7-0.6,12.9-6,14v10h-2.8H27V29c-5-1.1-5.7-7.3-5.7-14H30.2z"/>
-    	<circle class="st0" cx="10" cy="26" r="5"/>
     	<path class="st0" d="M9.8,35h8.8c0,6.7-0.3,12.9-5.7,14v10h-3H7V49c-5-1.1-6-7.3-6-14H9.8z"/>
     </g>
 </svg>
diff --git a/_src/_assets/images/icon-servers.svg b/_src/_assets/images/icon-servers.svg
index 9f04c0c..cc733d1 100644
--- a/_src/_assets/images/icon-servers.svg
+++ b/_src/_assets/images/icon-servers.svg
@@ -1,28 +1,24 @@
-<!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In  -->
 <svg version="1.1"
-	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
-	 x="0px" y="0px" width="60px" height="60px" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
-</style>
-<defs>
-</defs>
-<g>
-	<rect x="1" y="11" class="st0" width="58" height="16"/>
-	<polyline class="st0" points="1,11 11,1 49,1 59,11 	"/>
-	<path class="st0" d="M1,43v11c0,2.8,2.2,5,5,5h48c2.8,0,5-2.2,5-5V43"/>
-	<circle class="st0" cx="9" cy="19" r="4"/>
-	<circle class="st0" cx="35" cy="19" r="2"/>
-	<circle class="st0" cx="43" cy="19" r="2"/>
-	<circle class="st0" cx="51" cy="19" r="2"/>
-	<polyline class="st0" points="59,27 59,43 1,43 1,27 	"/>
-	<circle class="st0" cx="9" cy="35" r="4"/>
-	<circle class="st0" cx="35" cy="35" r="2"/>
-	<circle class="st0" cx="43" cy="35" r="2"/>
-	<circle class="st0" cx="51" cy="35" r="2"/>
-	<circle class="st0" cx="35" cy="51" r="2"/>
-	<circle class="st0" cx="43" cy="51" r="2"/>
-	<circle class="st0" cx="51" cy="51" r="2"/>
-	<circle class="st0" cx="9" cy="51" r="4"/>
-</g>
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 60 60">
+    <g>
+    	<rect x="1" y="11" class="st0" width="58" height="16"/>
+    	<polyline class="st0" points="1,11 11,1 49,1 59,11 	"/>
+    	<path class="st0" d="M1,43v11c0,2.8,2.2,5,5,5h48c2.8,0,5-2.2,5-5V43"/>
+        <polyline class="st0" points="59,27 59,43 1,43 1,27"/>
+    </g>
+    <g stroke="currentColor">
+        <circle class="st0" cx="9" cy="19" r="4"/>
+        <circle class="st0" cx="35" cy="19" r="2"/>
+        <circle class="st0" cx="43" cy="19" r="2"/>
+        <circle class="st0" cx="51" cy="19" r="2"/>
+
+        <circle class="st0" cx="9" cy="35" r="4"/>
+        <circle class="st0" cx="35" cy="35" r="2"/>
+        <circle class="st0" cx="43" cy="35" r="2"/>
+        <circle class="st0" cx="51" cy="35" r="2"/>
+        <circle class="st0" cx="35" cy="51" r="2"/>
+        <circle class="st0" cx="43" cy="51" r="2"/>
+        <circle class="st0" cx="51" cy="51" r="2"/>
+        <circle class="st0" cx="9" cy="51" r="4"/>
+    </g>
 </svg>
diff --git a/_src/_assets/images/icon-tree.svg b/_src/_assets/images/icon-tree.svg
index 7470a26..339549e 100644
--- a/_src/_assets/images/icon-tree.svg
+++ b/_src/_assets/images/icon-tree.svg
@@ -1,19 +1,13 @@
-<!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In  -->
 <svg version="1.1"
-	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
-	 x="0px" y="0px" width="58px" height="60px" viewBox="0 0 58 60" style="enable-background:new 0 0 58 60;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
-	.st1{fill:none;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;}
-</style>
-<defs>
-</defs>
-<g>
-	<path class="st0" d="M51,27c3.8,0,6-2.2,6-6c0-3.8-3.5-6-6-6h-3c0,0-3-6-8-6c0,0-3.4-8-11-8c-7.6,0-11,8-11,8c-5,0-8,6-8,6H7
-		c-2.5,0-6,2.2-6,6c0,3.8,2.2,6,6,6H51z"/>
-	<line class="st0" x1="29" y1="27" x2="29" y2="43"/>
-	<line class="st0" x1="39" y1="27" x2="29" y2="37"/>
-	<line class="st0" x1="19" y1="27" x2="29" y2="37"/>
-	<polygon class="st1" points="35,59 23,59 17,43 41,43 	"/>
-</g>
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 58 60">
+    <g>
+    	<path class="st0" d="M51,27c3.8,0,6-2.2,6-6c0-3.8-3.5-6-6-6h-3c0,0-3-6-8-6c0,0-3.4-8-11-8c-7.6,0-11,8-11,8c-5,0-8,6-8,6H7
+    		c-2.5,0-6,2.2-6,6c0,3.8,2.2,6,6,6H51z"/>
+    	<polygon class="st1" points="35,59 23,59 17,43 41,43 	"/>
+    </g>
+    <g stroke="currentColor">
+        <line class="st0" x1="29" y1="27" x2="29" y2="43"/>
+        <line class="st0" x1="39" y1="27" x2="29" y2="37"/>
+        <line class="st0" x1="19" y1="27" x2="29" y2="37"/>
+    </g>
 </svg>
diff --git a/_src/_assets/styles/bigchain/_icons.scss b/_src/_assets/styles/bigchain/_icons.scss
index d3a1a88..d8e62f6 100644
--- a/_src/_assets/styles/bigchain/_icons.scss
+++ b/_src/_assets/styles/bigchain/_icons.scss
@@ -1,7 +1,8 @@
 
 .icon {
     fill: none;
-    stroke: $brand-main-green;
+    stroke: $brand-primary;
+    color: $brand-main-blue-light;
     stroke-width: 2;
     stroke-linecap: round;
     stroke-linejoin: round;