invert nav color if background is black

1 files changed, 10 insertions, 0 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/player.fullscreen.js b/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
index 55b350d..5683418 100644
--- a/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
+++ b/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
@@ -27,6 +27,16 @@ class PlayerFullscreen extends Component {
     const elements = timeline.filter(element => (
       floatInRange(element.start_ts, play_ts, element.fade_out_start_ts + 0.1)
     ))
+    if (elements.length) {
+      const lastElement = elements[elements.length - 1]
+      if (lastElement.color && lastElement.color.textColor === '#ffffff') {
+        actions.viewer.setNavStyle('black')
+      } else {
+        actions.viewer.setNavStyle('white')
+      }
+    } else {
+      actions.viewer.setNavStyle('white')
+    }
     this.setState({ elements })
   }