From 652cef15ec7d2e5deb2a1d14c784421260f70305 Mon Sep 17 00:00:00 2001 From: James Taylor Date: Mon, 9 Sep 2019 16:08:24 -0700 Subject: Watch page: Background color on video when scrubbing bar larger than video --- youtube/static/dark_theme.css | 1 + youtube/static/gray_theme.css | 1 + youtube/static/light_theme.css | 1 + youtube/templates/watch.html | 2 +- 4 files changed, 4 insertions(+), 1 deletion(-) 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; -- cgit v1.2.3