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;