Icon and color change. (#1019)

* update images and favicon.

* remove extra img

src/Microsoft.Tye.Hosting/Dashboard/Shared/NavMenu.razor

@@ -1,6 +1,6 @@
-<div class="top-row pl-4 navbar navbar-dark">
+<div class="top-row pl-4 navbar-dark">
     <a class="navbar-brand" href="">
-        <img src="img/circle-icons-shipwheel.svg" width="30" height="30" class="d-inline-block align-top" alt="Ship Wheel">
+        <img src="img/brand-tye-white.svg" width="55" height="55" class="d-inline-block align-middle" alt="Tye Icon">
         Tye Dashboard
     </a>
     <button class="navbar-toggler" @onclick="ToggleNavMenu">

src/Microsoft.Tye.Hosting/wwwroot/css/site.css

@@ -34,8 +34,7 @@ app {
 }
 
 .main .top-row {
-     background-color:#6b7c8c;
-     border-bottom: 1px solid #d6d5d5;
+    background-color:#0F2547;
     justify-content: flex-end;
 }
 
@@ -54,11 +53,12 @@ app {
 }
 
 .sidebar .top-row {
-     background-color: #6b7c8c;
+     background-color: #0F2547;
 }
 
 .sidebar .navbar-brand {
     font-size: 1.1rem;
+    vertical-align: top;
 }
 
 .sidebar .oi {
@@ -74,7 +74,7 @@ app {
 }
 
 .sidebar .nav-item:first-of-type {
-     padding-top: 1rem;
+    padding-top: 1rem;
 }
 
 .sidebar .nav-item:last-of-type {

src/Microsoft.Tye.Hosting/wwwroot/img/brand-tye-white.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1,.icon-canvas-transparent{opacity:0;}.cls-2,.icon-canvas-transparent{fill:#f6f6f6;}.white{fill:#fff;}</style></defs><g id="canvas" class="cls-1"><path class="cls-2" d="M16,16H0V0H16Z"/><path class="icon-canvas-transparent" d="M16,16H0V0H16Z"/></g><g id="iconBg"><path class="white" d="M3.738,9.788H.537a.554.554,0,0,1,0-1.108H4.769A5.977,5.977,0,0,1,7.612,9.906l-.147.1a3.919,3.919,0,0,1-1,.462,4.089,4.089,0,0,0-1.7-.678ZM.537,7.319H4.769A5.822,5.822,0,0,0,7.613,6.1c-.047-.032-.105-.072-.148-.1a3.742,3.742,0,0,0-1.124-.5,3.5,3.5,0,0,1-1.572.712H.537A.554.554,0,0,0,.537,7.319Zm9.805-3.464a3.821,3.821,0,0,0-1.627.34c-.09.032-.176.074-.265.111.25.155.492.314.718.47.143.1.284.189.426.281.07-.018.14-.038.211-.051h0a3.137,3.137,0,0,1,.537-.026,2.962,2.962,0,0,1,2.34,1.064h0a3.1,3.1,0,0,1,0,3.911h0a2.962,2.962,0,0,1-2.34,1.064,3.137,3.137,0,0,1-.537-.026h0c-.067-.013-.133-.032-.2-.048-.094.065-.187.126-.284.2-.256.185-.529.381-.836.567a4.28,4.28,0,0,0,1.017.339,3.668,3.668,0,0,0,.839.1,4.215,4.215,0,0,0,4.127-4.72A4.219,4.219,0,0,0,10.342,3.855ZM6.2,5.008h0a4.048,4.048,0,0,1,1.5.627h0c.762.487,2.4,1.748,3.536,1.686H12.85a2.347,2.347,0,0,0-.493-.993c-.036-.043-.081-.075-.12-.115h-1C9.442,5.99,8.472,4.323,6.5,3.954A4.105,4.105,0,0,0,2.173,5.78H3.607A2.987,2.987,0,0,1,6.2,5.008Zm9.268,2.313a.554.554,0,0,0,0-1.108h-.914a4.215,4.215,0,0,1,.334,1.108Zm0,1.36h-.6a4.433,4.433,0,0,1-.334,1.108h.932A.554.554,0,0,0,15.465,8.681ZM12.236,9.789c.037-.038.08-.068.114-.109a2.373,2.373,0,0,0,.5-1H11.233C10.1,8.619,8.458,9.881,7.7,10.367h0a4.062,4.062,0,0,1-1.5.626h0a2.99,2.99,0,0,1-2.6-.779l-1.449,0a4.17,4.17,0,0,0,5.135,1.587c1.667-.587,2.328-1.843,3.946-2.016ZM2.645,8.249a3.325,3.325,0,0,1,0-.5H1.5a3.779,3.779,0,0,0,0,.5Z"/></g></svg>

src/Microsoft.Tye.Hosting/wwwroot/img/circle-icons-shipwheel.svg

@@ -1,51 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
-<style type="text/css">
-	.st0{display:none;fill:#2B3544;}
-	.st1{fill:#4F5D73;}
-	.st2{opacity:0.2;}
-	.st3{fill:#231F20;}
-	.st4{fill:none;stroke:#E0995E;stroke-width:4;stroke-linecap:round;stroke-miterlimit:10;}
-	.st5{opacity:0.2;fill:#231F20;}
-	.st6{fill:#F5CF87;}
-	.st7{fill:none;stroke:#F5CF87;stroke-width:4;stroke-miterlimit:10;}
-</style>
-<rect x="-391" y="-1345" class="st0" width="608" height="1984"/>
-<circle class="st1" cx="32" cy="32" r="32"/>
-<g class="st2">
-	<g>
-		<path class="st3" d="M32,60c-1.1,0-2-0.9-2-2V10c0-1.1,0.9-2,2-2s2,0.9,2,2v48C34,59.1,33.1,60,32,60z"/>
-	</g>
-	<g>
-		<path class="st3" d="M56,36H8c-1.1,0-2-0.9-2-2s0.9-2,2-2h48c1.1,0,2,0.9,2,2S57.1,36,56,36z"/>
-	</g>
-	<g>
-		<path class="st3" d="M49,53c-0.5,0-1-0.2-1.4-0.6L13.6,18.4c-0.8-0.8-0.8-2,0-2.8c0.8-0.8,2-0.8,2.8,0l33.9,33.9
-			c0.8,0.8,0.8,2,0,2.8C50,52.8,49.5,53,49,53z"/>
-	</g>
-	<g>
-		<path class="st3" d="M15,53c-0.5,0-1-0.2-1.4-0.6c-0.8-0.8-0.8-2,0-2.8l33.9-33.9c0.8-0.8,2-0.8,2.8,0c0.8,0.8,0.8,2,0,2.8
-			L16.4,52.4C16.1,52.8,15.5,53,15,53z"/>
-	</g>
-</g>
-<g>
-	<line class="st4" x1="32" y1="8" x2="32" y2="56"/>
-	<line class="st4" x1="56" y1="32" x2="8" y2="32"/>
-	<line class="st4" x1="49" y1="49" x2="15" y2="15"/>
-	<line class="st4" x1="15" y1="49" x2="49" y2="15"/>
-</g>
-<path class="st5" d="M32,18c8.8,0,16,7.2,16,16s-7.2,16-16,16s-16-7.2-16-16S23.2,18,32,18 M32,14c-11,0-20,9-20,20s9,20,20,20
-	s20-9,20-20S43,14,32,14L32,14z"/>
-<g>
-	<path class="st6" d="M32,16c8.8,0,16,7.2,16,16s-7.2,16-16,16s-16-7.2-16-16S23.2,16,32,16 M32,12c-11,0-20,9-20,20s9,20,20,20
-		s20-9,20-20S43,12,32,12L32,12z"/>
-</g>
-<circle class="st1" cx="32" cy="32" r="6"/>
-<g class="st2">
-	<path class="st3" d="M32,44c-5.5,0-10-4.5-10-10s4.5-10,10-10s10,4.5,10,10S37.5,44,32,44z M32,28c-3.3,0-6,2.7-6,6s2.7,6,6,6
-		s6-2.7,6-6S35.3,28,32,28z"/>
-</g>
-<circle class="st7" cx="32" cy="32" r="8"/>
-</svg>