From d694c33c873f766cbeafbe8f8dfdc4a0c762e8ad Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 28 Jul 2020 15:04:42 +0200
Subject: invert nav color if background is black

---
 .../frontend/app/views/viewer/nav/eflux.chrome.js          | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

(limited to 'animism-align/frontend/app/views/viewer/nav/eflux.chrome.js')

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>
-- 
cgit v1.2.3-70-g09d2