1 files changed, 6 insertions, 1 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.image.js b/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.image.js
index 6ca6d79..15525f4 100644
--- a/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.image.js
+++ b/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.image.js
@@ -1,16 +1,21 @@
 import React from 'react'
 
 export const FullscreenImage = ({ element, media, transitionDuration }) => {
+  const { color } = element
   const item = media.lookup[element.settings.media_id]
   const style = {
+    backgroundColor: color.backgroundColor,
+    color: color.textColor,
     transitionDuration,
-    backgroundImage: 'url(' + item.settings.display.url + ')',
   }
   return (
     <div
       className='fullscreen-element image'
       style={style}
     >
+      <div style={{
+        backgroundImage: 'url(' + item.settings.display.url + ')',
+      }} />
     </div>
   )
 }