4 files changed, 4 insertions, 1 deletions
diff --git a/youtube/static/dark_theme.css b/youtube/static/dark_theme.css
index 7389aa5..221dc95 100644
--- a/youtube/static/dark_theme.css
+++ b/youtube/static/dark_theme.css
@@ -2,6 +2,7 @@ body{
     --interface-color: #333333;
     --text-color: #cccccc;
     --background-color: #000000;
+    --video-background-color: #080808;
 }
 
 a:link {
diff --git a/youtube/static/gray_theme.css b/youtube/static/gray_theme.css
index a5f3b23..ca699c7 100644
--- a/youtube/static/gray_theme.css
+++ b/youtube/static/gray_theme.css
@@ -2,6 +2,7 @@ body{
     --interface-color: #dadada;
     --text-color: #222222;
     --background-color: #bcbcbc;
+    --video-background-color: #dadada;
 }
 
 .comment .permalink{
diff --git a/youtube/static/light_theme.css b/youtube/static/light_theme.css
index 9e37449..e4d7eb3 100644
--- a/youtube/static/light_theme.css
+++ b/youtube/static/light_theme.css
@@ -2,6 +2,7 @@ body{
     --interface-color: #ffffff;
     --text-color: #222222;
     --background-color: #f8f8f8;
+    --video-background-color: #ffffff;
 }
 
 .comment .permalink{
diff --git a/youtube/templates/watch.html b/youtube/templates/watch.html
index 14e953b..25bd34c 100644
--- a/youtube/templates/watch.html
+++ b/youtube/templates/watch.html
@@ -22,7 +22,7 @@
             width: {{ theater_video_target_width }}px;
             max-height: {{ video_height }}px;
             margin-bottom: 10px;
-            background-color: var(--background-color);
+            background-color: var(--video-background-color);
         }
         .related-videos-outer{
             grid-row: 2 /span 3;