Using an actual svg (coded) in place of the .svg file for the logo.

2 files changed, 10 insertions, 3 deletions

diff --git a/web-ui/app/scss/_colors.scss b/web-ui/app/scss/_colors.scss
index bfa0ca95..23263e2e 100644
--- a/web-ui/app/scss/_colors.scss
+++ b/web-ui/app/scss/_colors.scss
@@ -7,6 +7,9 @@ $action_buttons: #3dabc4;
 /* Primary Highlight*/
 $primary_highlight: #FF9C00;
 
+/* Logo color*/
+$logo_color: #FF9C00;
+
 /* Unread count dialog bubble background color */
 $secondary_callout: darken($primary_highlight, 5);
 
diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss
index 7ce13d39..a30c8010 100644
--- a/web-ui/app/scss/styles.scss
+++ b/web-ui/app/scss/styles.scss
@@ -1,3 +1,4 @@
+
 @import "compass/css3";
 @import "colors";
 @import "mixins";
@@ -540,10 +541,13 @@ button {
 }
 
 .left-off-canvas-logo {
-  img {
-    padding: 9px 6px 6px 6px;
+  svg {
     width: 163px;
-    height: 59px;
+    height: 56px;
+    padding-left: 5px;
+    path, polygon, rect {
+      fill: $logo_color;
+    }
   }
 }