General theme: reorganize thumbnail background variable

9 files changed, 9 insertions, 6 deletions

diff --git a/youtube/static/channel.css b/youtube/static/channel.css
index 23467a8..bf1214c 100644
--- a/youtube/static/channel.css
+++ b/youtube/static/channel.css
@@ -321,7 +321,7 @@ hr {
     left: 0;
     top: 0;
     object-fit: cover;
-    background-color: var(--primary-background);
+    background-color: var(--thumb-background);
 }
 
 .length {
diff --git a/youtube/static/dark_theme.css b/youtube/static/dark_theme.css
index e642ab7..3a9bad6 100644
--- a/youtube/static/dark_theme.css
+++ b/youtube/static/dark_theme.css
@@ -6,6 +6,7 @@
     --secondary-inverse:    #FFF;
     --primary-background:   #757575;
     --secondary-background: #424242;
+    --thumb-background:     #757575;
     --link:                 #00B0FF;
     --link-visited:         #40C4FF;
     --buttom:               #dcdcdb;
diff --git a/youtube/static/gray_theme.css b/youtube/static/gray_theme.css
index 189ebd0..b7f0450 100644
--- a/youtube/static/gray_theme.css
+++ b/youtube/static/gray_theme.css
@@ -6,6 +6,7 @@
     --secondary-inverse:     #FFFFFF;
     --primary-background:    #2d3743;
     --secondary-background:  #102027;
+    --thumb-background:      #35404D;
     --link:                  #22aaff;
     --link-visited:          #7755ff;
     --buttom:                #DCDCDC;
diff --git a/youtube/static/light_theme.css b/youtube/static/light_theme.css
index 3e3222b..e55079b 100644
--- a/youtube/static/light_theme.css
+++ b/youtube/static/light_theme.css
@@ -6,6 +6,7 @@
     --secondary-inverse:    #FFFFFF;
     --primary-background:   #F5F5F5;
     --secondary-background: #EEEEEE;
+    --thumb-background:     #F5F5F5;
     --link:                 #212121;
     --link-visited:         #606060;
     --buttom:               #DCDCDC;
diff --git a/youtube/static/local_playlist.css b/youtube/static/local_playlist.css
index 1d786dd..12560d8 100644
--- a/youtube/static/local_playlist.css
+++ b/youtube/static/local_playlist.css
@@ -291,7 +291,7 @@ hr {
     left: 0;
     top: 0;
     object-fit: cover;
-    background-color: var(--primary-background);
+    background-color: var(--thumb-background);
 }
 
 .length {
diff --git a/youtube/static/playlist.css b/youtube/static/playlist.css
index ecae3c1..3f66954 100644
--- a/youtube/static/playlist.css
+++ b/youtube/static/playlist.css
@@ -301,7 +301,7 @@ hr {
     left: 0;
     top: 0;
     object-fit: cover;
-    background-color: var(--primary-background);
+    background-color: var(--thumb-background);
 }
 
 .length {
diff --git a/youtube/static/search.css b/youtube/static/search.css
index c224a37..670b2e4 100644
--- a/youtube/static/search.css
+++ b/youtube/static/search.css
@@ -354,7 +354,7 @@ hr {
     left: 0;
     top: 0;
     object-fit: cover;
-    background-color: var(--primary-background);
+    background-color: var(--thumb-background);
 }
 
 .title {
diff --git a/youtube/static/subscription.css b/youtube/static/subscription.css
index d9eb4e2..00fe2ae 100644
--- a/youtube/static/subscription.css
+++ b/youtube/static/subscription.css
@@ -295,7 +295,7 @@ hr {
     left: 0;
     top: 0;
     object-fit: cover;
-    background-color: var(--primary-background);
+    background-color: var(--thumb-background);
 }
 
 .length {
diff --git a/youtube/static/watch.css b/youtube/static/watch.css
index af445a4..96460e7 100644
--- a/youtube/static/watch.css
+++ b/youtube/static/watch.css
@@ -430,7 +430,7 @@ label[for=options-toggle-cbox] {
     left: 0;
     top: 0;
     object-fit: cover;
-    background-color: var(--primary-background);
+    background-color: var(--thumb-background);
 }
 
 .length {