From 376ed3f4d37baafaa90391020ada3ffe776ef6f0 Mon Sep 17 00:00:00 2001
From: Samantaz Fox <coding@samantaz.fr>
Date: Mon, 12 Sep 2022 00:13:24 +0200
Subject: [PATCH] css: Fix the video title overlay's colors in embed

---
 assets/css/player.css | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/assets/css/player.css b/assets/css/player.css
index 8a7cfdabb..50c7a7487 100644
--- a/assets/css/player.css
+++ b/assets/css/player.css
@@ -34,7 +34,7 @@
 .video-js.player-style-youtube .vjs-control-bar > .vjs-spacer {
   flex: 1;
   order: 2;
-} 
+}
 
 .video-js.player-style-youtube .vjs-play-progress .vjs-time-tooltip {
   display: none;
@@ -175,11 +175,14 @@ ul.vjs-menu-content::-webkit-scrollbar {
 .video-js.player-style-invidious .vjs-play-progress {
   background-color: rgba(0, 182, 240, 1);
 }
-vjs-menu-content
+
 /* Overlay */
 .video-js .vjs-overlay {
-  background-color: rgba(35, 35, 35, 0.75);
-  color: rgba(255, 255, 255, 1);
+  background-color: rgba(35, 35, 35, 0.75) !important;
+}
+.video-js .vjs-overlay * {
+  color: rgba(255, 255, 255, 1) !important;
+  text-align: center;
 }
 
 /* ProgressBar marker */