invert nav color if background is black

1 files changed, 23 insertions, 2 deletions

diff --git a/animism-align/frontend/app/views/viewer/nav/eflux.css b/animism-align/frontend/app/views/viewer/nav/eflux.css
index 93c9449..d04b85c 100644
--- a/animism-align/frontend/app/views/viewer/nav/eflux.css
+++ b/animism-align/frontend/app/views/viewer/nav/eflux.css
@@ -10,7 +10,12 @@
   top: 20px;
   left: 28px;
 }
-.eflux-logo img {
+.eflux-logo svg {
+/*
+  width: 218.3px;
+  height: 65px;
+*/
+  width: 94px;
   height: 28px;
 }
 .eflux-nav {
@@ -18,7 +23,23 @@
   top: 23px;
   right: 32px;
 }
-.eflux-nav img {
+.eflux-nav svg {
+  width: 26px;
   height: 20px;
   margin-left: 34px;
 }
+
+.eflux-header svg path {
+  fill: #000;
+  transition: fill 0.5s;
+}
+.eflux-header svg line {
+  stroke: #000;
+  transition: stroke 0.5s;
+}
+.eflux-header.black svg path {
+  fill: #fff;
+}
+.eflux-header.black svg line {
+  stroke: #fff;
+}