From 73d6fd9e90ec21e3f8e5aabc68caf9a57a63ff65 Mon Sep 17 00:00:00 2001
From: Michael Tunnell <MichaelTunnell@users.noreply.github.com>
Date: Wed, 19 Feb 2020 22:20:14 -0600
Subject: [PATCH] improved color scheme for embed player

This commit changes the colors of the play button on the embed video player to blend better with other websites. This relates to Issue #3706
---
 ui/scss/component/_file-render.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/ui/scss/component/_file-render.scss b/ui/scss/component/_file-render.scss
index d767c9abc..7a7a3e9c4 100644
--- a/ui/scss/component/_file-render.scss
+++ b/ui/scss/component/_file-render.scss
@@ -167,6 +167,7 @@
     .vjs-big-play-button {
       @extend .button--icon;
       @extend .button--play;
+      background-color: rgba(0,0,0,0.6);
       border: none;
       position: static;
       z-index: 2;
@@ -176,6 +177,13 @@
       }
     }
   }
+  
+  .video-js:hover {
+    
+    .vjs-big-play-button {
+      background-color: rgba(var(--color-primary),0.6);
+    }
+  }
 }
 
 .video-overlay__wrapper {