fix: Use new brand colors for the brightcove player (#231)

hlxsites · Apr 12, 2024 · a8fc23a · a8fc23a
1 parent 5650ba4
commit a8fc23a
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/aemeds/blocks/embed/embed.css b/aemeds/blocks/embed/embed.css
@@ -67,6 +67,26 @@ main .embed .embed-placeholder-play button::before {
   padding-bottom: 56.25%;
 }
 
+main .embed.embed-brightcove .video-js .vjs-big-play-button,
+main .embed.embed-brightcove .video-js .vjs-big-play-state.vjs-play-control.vjs-control,
+main .embed.embed-brightcove .video-js .vjs-control-bar {
+  background-color: var(--arc-color-brandblue-900);
+}
+
+main .embed.embed-brightcove .video-js .vjs-playlist-sidebar .vjs-playlist-show-hide button:hover,
+main .embed.embed-brightcove .video-js .vjs-big-play-button:active,
+main .embed.embed-brightcove .video-js .vjs-big-play-button:focus,
+main .embed.embed-brightcove .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected,
+main .embed.embed-brightcove .video-js .vjs-play-progress,
+main .embed.embed-brightcove .video-js .vjs-volume-level {
+  background-color: var(--arc-color-brandgreen-300);
+}
+
+main .embed.embed-brightcove .video-js:active .vjs-big-play-button,
+main .embed.embed-brightcove .video-js:hover .vjs-big-play-button {
+  background-color: var(--arc-color-brandgreen-500);
+}
+
 main .embed.embed-mp4 video {
   width: 100%;
 }