invert nav color if background is black

1 files changed, 9 insertions, 5 deletions

diff --git a/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js b/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js
index 8d04e8b..c66cf21 100644
--- a/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js
+++ b/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js
@@ -1,18 +1,22 @@
 import React from 'react'
 
-const EfluxChrome = React.memo(() => (
-  <div className="eflux-header">
+import {
+  EfluxLogo, EfluxClose, EfluxMenu
+} from './eflux.icons'
+
+const EfluxChrome = React.memo(({ navStyle }) => (
+  <div className={"eflux-header " + navStyle}>
     <div className="eflux-logo">
       <a href="/">
-        <img src="/static/img/elements/e-flux-logo.svg" />
+        {EfluxLogo}
       </a>
     </div>
     <div className="eflux-nav">
       <a href="/">
-        <img src="/static/img/elements/close.svg" />
+        {EfluxClose}
       </a>
       <a href="/">
-        <img src="/static/img/elements/menu.svg" />
+        {EfluxMenu}
       </a>
     </div>
   </div>