Update main view styling

1 files changed, 128 insertions, 0 deletions

diff --git a/app/images/metamask-fox.svg b/app/images/metamask-fox.svg
new file mode 100644
index 000000000..f3c24f79e
--- /dev/null
+++ b/app/images/metamask-fox.svg
@@ -0,0 +1,128 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns:ev="http://www.w3.org/2001/xml-events"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 318.6 318.6"
+	 style="enable-background:new 0 0 318.6 318.6;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#161616;stroke:#161616;}
+	.st1{fill:#E4761B;stroke:#E4761B;stroke-linecap:round;stroke-linejoin:round;}
+	.st2{fill:#763D16;stroke:#763D16;stroke-linecap:round;stroke-linejoin:round;}
+	.st3{fill:#F6851B;stroke:#F6851B;stroke-linecap:round;stroke-linejoin:round;}
+	.st4{fill:#E2761B;stroke:#E2761B;stroke-linecap:round;stroke-linejoin:round;}
+	.st5{fill:#CD6116;stroke:#CD6116;stroke-linecap:round;stroke-linejoin:round;}
+	.st6{fill:#C0AD9E;stroke:#C0AD9E;stroke-linecap:round;stroke-linejoin:round;}
+	.st7{fill:#D7C1B3;stroke:#D7C1B3;stroke-linecap:round;stroke-linejoin:round;}
+	.st8{fill:#E4751F;stroke:#E4751F;stroke-linecap:round;stroke-linejoin:round;}
+	.st9{fill:#233447;stroke:#233447;stroke-linecap:round;stroke-linejoin:round;}
+	.st10{fill:#161616;stroke:#161616;stroke-linecap:round;stroke-linejoin:round;}
+</style>
+<polygon class="st0" points="277.3,145.6 272.3,142 280.3,134.7 274.2,129.9 282.2,123.8 276.9,119.8 285.3,79 272.7,41.1 
+	191.6,71.4 124.1,71.4 43,41.1 30.4,79 38.9,119.8 33.5,123.8 41.5,129.9 35.4,134.7 43.4,142 38.4,145.6 49.9,159.1 32.5,213.3 
+	48.6,268.6 105.3,253 116.3,262 138.7,277.5 177,277.5 199.4,262 210.4,253 267.1,268.6 283.3,213.3 265.8,159.1 "/>
+<g>
+	<polygon class="st1" points="105.3,253 48.6,268.6 32.5,213.3 	"/>
+	<polygon class="st1" points="283.3,213.3 267.1,268.6 210.4,253 	"/>
+	<polygon class="st2" points="265.8,159.1 213.5,143.8 231.8,139 	"/>
+	<polygon class="st2" points="49.9,159.1 84,139 102.2,143.8 	"/>
+	<polygon class="st2" points="43.4,142 41.5,129.9 84,139 	"/>
+	<polygon class="st2" points="272.3,142 231.8,139 274.2,129.9 	"/>
+	<polygon class="st2" points="272.3,142 265.8,159.1 231.8,139 	"/>
+	<polygon class="st2" points="43.4,142 84,139 49.9,159.1 	"/>
+	<polygon class="st2" points="231.8,139 276.9,119.8 274.2,129.9 	"/>
+	<polygon class="st2" points="84,139 41.5,129.9 38.9,119.8 	"/>
+	<polygon class="st3" points="124.1,71.4 191.6,71.4 176.5,112.5 	"/>
+	<polygon class="st3" points="176.5,112.5 139.2,112.5 124.1,71.4 	"/>
+	<polygon class="st2" points="276.9,119.8 231.8,139 231,87.4 	"/>
+	<polygon class="st2" points="102.2,143.8 84,139 84.7,87.4 	"/>
+	<polygon class="st2" points="84.7,87.4 84,139 38.9,119.8 	"/>
+	<polygon class="st2" points="231,87.4 231.8,139 213.5,143.8 	"/>
+	<polygon class="st1" points="139.2,112.5 43,41.1 124.1,71.4 	"/>
+	<polygon class="st4" points="272.7,41.1 176.5,112.5 191.6,71.4 	"/>
+	<polygon class="st1" points="210.4,253 236.9,213.3 283.3,213.3 	"/>
+	<polygon class="st1" points="32.5,213.3 78.9,213.3 105.3,253 	"/>
+	<polygon class="st3" points="229.3,167.7 283.3,213.3 236.9,213.3 	"/>
+	<polygon class="st3" points="86.4,167.7 32.5,213.3 49.9,159.1 	"/>
+	<polygon class="st3" points="78.9,213.3 32.5,213.3 86.4,167.7 	"/>
+	<polygon class="st3" points="229.3,167.7 265.8,159.1 283.3,213.3 	"/>
+	<polygon class="st2" points="84.7,87.4 139.2,112.5 102.2,143.8 	"/>
+	<polygon class="st2" points="213.5,143.8 176.5,112.5 231,87.4 	"/>
+	<polygon class="st2" points="265.8,159.1 272.3,142 277.3,145.6 	"/>
+	<polygon class="st2" points="49.9,159.1 38.4,145.6 43.4,142 	"/>
+	<polygon class="st2" points="272.3,142 274.2,129.9 280.3,134.7 	"/>
+	<polygon class="st2" points="43.4,142 35.4,134.7 41.5,129.9 	"/>
+	<polygon class="st2" points="33.5,123.8 38.9,119.8 41.5,129.9 	"/>
+	<polygon class="st2" points="282.2,123.8 274.2,129.9 276.9,119.8 	"/>
+	<polygon class="st3" points="49.9,159.1 102.2,143.8 86.4,167.7 	"/>
+	<polygon class="st3" points="265.8,159.1 229.3,167.7 213.5,143.8 	"/>
+	<polygon class="st2" points="38.9,119.8 30.4,79 84.7,87.4 	"/>
+	<polygon class="st2" points="231,87.4 285.3,79 276.9,119.8 	"/>
+	<polygon class="st1" points="102.2,143.8 139.2,112.5 142.6,170.2 	"/>
+	<polygon class="st1" points="213.5,143.8 229.3,167.7 173.1,170.2 	"/>
+	<polygon class="st1" points="173.1,170.2 176.5,112.5 213.5,143.8 	"/>
+	<polygon class="st1" points="142.6,170.2 86.4,167.7 102.2,143.8 	"/>
+	<polygon class="st2" points="272.7,41.1 285.3,79 231,87.4 	"/>
+	<polygon class="st2" points="43,41.1 139.2,112.5 84.7,87.4 	"/>
+	<polygon class="st2" points="231,87.4 176.5,112.5 272.7,41.1 	"/>
+	<polygon class="st2" points="84.7,87.4 30.4,79 43,41.1 	"/>
+	<polygon class="st5" points="105.3,253 78.9,213.3 110,213.7 	"/>
+	<polygon class="st5" points="210.4,253 205.7,213.7 236.9,213.3 	"/>
+	<polygon class="st3" points="173.1,170.2 142.6,170.2 139.2,112.5 	"/>
+	<polygon class="st3" points="139.2,112.5 176.5,112.5 173.1,170.2 	"/>
+	<polygon class="st6" points="116.3,262 105.3,253 136.8,267.9 	"/>
+	<polygon class="st6" points="178.9,267.9 210.4,253 199.4,262 	"/>
+	<polygon class="st7" points="136.6,258.6 136.8,267.9 105.3,253 	"/>
+	<polygon class="st7" points="179.2,258.6 210.4,253 178.9,267.9 	"/>
+	<polygon class="st3" points="86.4,167.7 110,213.7 78.9,213.3 	"/>
+	<polygon class="st3" points="236.9,213.3 205.7,213.7 229.3,167.7 	"/>
+	<polygon class="st8" points="86.4,167.7 109.2,190.8 110,213.7 	"/>
+	<polygon class="st8" points="229.3,167.7 205.7,213.7 206.6,190.8 	"/>
+	<polygon class="st7" points="105.3,253 139.2,236.5 136.6,258.6 	"/>
+	<polygon class="st7" points="210.4,253 179.2,258.6 176.5,236.5 	"/>
+	<polygon class="st1" points="139.2,236.5 105.3,253 110,213.7 	"/>
+	<polygon class="st1" points="176.5,236.5 205.7,213.7 210.4,253 	"/>
+	<polygon class="st5" points="173.1,170.2 229.3,167.7 206.6,190.8 	"/>
+	<polygon class="st5" points="109.2,190.8 86.4,167.7 142.6,170.2 	"/>
+	<polygon class="st5" points="142.6,170.2 129.1,181.7 109.2,190.8 	"/>
+	<polygon class="st5" points="206.6,190.8 186.6,181.7 173.1,170.2 	"/>
+	<polygon class="st3" points="205.7,213.7 178.3,199.1 206.6,190.8 	"/>
+	<polygon class="st3" points="110,213.7 109.2,190.8 137.4,199.1 	"/>
+	<polygon class="st9" points="137.4,199.1 109.2,190.8 129.1,181.7 	"/>
+	<polygon class="st9" points="178.3,199.1 186.6,181.7 206.6,190.8 	"/>
+	<polygon class="st5" points="186.6,181.7 178.3,199.1 173.1,170.2 	"/>
+	<polygon class="st5" points="129.1,181.7 142.6,170.2 137.4,199.1 	"/>
+	<polygon class="st6" points="199.4,262 177,277.5 178.9,267.9 	"/>
+	<polygon class="st6" points="136.8,267.9 138.7,277.5 116.3,262 	"/>
+	<polygon class="st4" points="178.3,199.1 171.8,188.4 173.1,170.2 	"/>
+	<polygon class="st8" points="137.4,199.1 142.6,170.2 143.9,188.4 	"/>
+	<polygon class="st3" points="173.1,170.2 171.8,188.4 143.9,188.4 	"/>
+	<polygon class="st3" points="143.9,188.4 142.6,170.2 173.1,170.2 	"/>
+	<polygon class="st3" points="178.3,199.1 205.7,213.7 176.5,236.5 	"/>
+	<polygon class="st3" points="139.2,236.5 110,213.7 137.4,199.1 	"/>
+	<polygon class="st3" points="137.4,199.1 144,233.2 139.2,236.5 	"/>
+	<polygon class="st3" points="176.5,236.5 171.7,233.2 178.3,199.1 	"/>
+	<polygon class="st8" points="171.8,188.4 178.3,199.1 171.7,233.2 	"/>
+	<polygon class="st8" points="143.9,188.4 144,233.2 137.4,199.1 	"/>
+	<polygon class="st3" points="143.9,188.4 171.8,188.4 171.7,233.2 	"/>
+	<polygon class="st3" points="171.7,233.2 144,233.2 143.9,188.4 	"/>
+	<polygon class="st6" points="179.2,258.6 178.9,267.9 177,277.5 	"/>
+	<polygon class="st6" points="138.7,277.5 136.8,267.9 136.6,258.6 	"/>
+	<polygon class="st6" points="136.6,258.6 139,256.4 138.7,277.5 	"/>
+	<polygon class="st6" points="177,277.5 176.7,256.4 179.2,258.6 	"/>
+	<polygon class="st6" points="138.7,277.5 139,256.4 176.7,256.4 	"/>
+	<polygon class="st6" points="176.7,256.4 177,277.5 138.7,277.5 	"/>
+	<polygon class="st10" points="176.5,236.5 179.2,258.6 176.7,256.4 	"/>
+	<polygon class="st10" points="139,256.4 136.6,258.6 139.2,236.5 	"/>
+	<polygon class="st10" points="139.2,236.5 140.7,241.2 139,256.4 	"/>
+	<polygon class="st10" points="176.7,256.4 175,241.2 176.5,236.5 	"/>
+	<polygon class="st10" points="143.7,237.7 140.7,241.2 139.2,236.5 	"/>
+	<polygon class="st10" points="176.5,236.5 175,241.2 172,237.7 	"/>
+	<polygon class="st10" points="172,237.7 171.7,233.2 176.5,236.5 	"/>
+	<polygon class="st10" points="139.2,236.5 144,233.2 143.7,237.7 	"/>
+	<polygon class="st10" points="171.7,233.2 172,237.7 143.7,237.7 	"/>
+	<polygon class="st10" points="143.7,237.7 144,233.2 171.7,233.2 	"/>
+	<polygon class="st10" points="140.7,241.2 175,241.2 176.7,256.4 	"/>
+	<polygon class="st10" points="176.7,256.4 139,256.4 140.7,241.2 	"/>
+	<polygon class="st10" points="140.7,241.2 143.7,237.7 172,237.7 	"/>
+	<polygon class="st10" points="172,237.7 175,241.2 140.7,241.2 	"/>
+</g>
+</svg>