From 391a92a1fdc797b0dea44317aaed5057437f75cd Mon Sep 17 00:00:00 2001
From: Apoorv Taneja <purutaneja.com@gmail.com>
Date: Thu, 28 Mar 2019 23:51:43 +0530
Subject: [PATCH] Logo color changes with theme. Fix #916 (#997)

* color changes with theme

* color changes with theme

* color changes with theme

* color changes with theme
---
 client/components/Nav.jsx          | 2 +-
 client/styles/components/_nav.scss | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/client/components/Nav.jsx b/client/components/Nav.jsx
index e1203f62..31f80bef 100644
--- a/client/components/Nav.jsx
+++ b/client/components/Nav.jsx
@@ -128,7 +128,7 @@ class Nav extends React.PureComponent {
       <nav className="nav" title="main-navigation" ref={(node) => { this.node = node; }}>
         <ul className="nav__items-left" title="project-menu">
           <li className="nav__item-logo">
-            <InlineSVG src={logoUrl} alt="p5.js logo" />
+            <InlineSVG src={logoUrl} alt="p5.js logo" className="svg__logo" />
           </li>
           <li className={navDropdownState.file}>
             <button
diff --git a/client/styles/components/_nav.scss b/client/styles/components/_nav.scss
index 710db56f..707636bd 100644
--- a/client/styles/components/_nav.scss
+++ b/client/styles/components/_nav.scss
@@ -239,6 +239,14 @@ button {
     position: absolute;
   }
 }
+.svg__logo g > path {
+  @include themify() {
+      fill: getThemifyVariable('logo-color');
+    }
+}
+.svg__logo g g:first-of-type path {
+  fill: none;
+}
 
 .nav__keyboard-shortcut {
   font-size: #{12 / $base-font-size}rem;