From 8cc721b4ec239b3caaf3351157a05e74aa1ad707 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs?= <heckyel@hyperbola.info>
Date: Mon, 11 Jan 2021 21:14:07 -0500
Subject: General theme: improve colors

---
 youtube/static/dark_theme.css  | 30 +++++++++++++++---------------
 youtube/static/gray_theme.css  | 32 ++++++++++++++++----------------
 youtube/static/license.css     |  8 ++++++--
 youtube/static/light_theme.css |  6 +++---
 4 files changed, 40 insertions(+), 36 deletions(-)

(limited to 'youtube')

diff --git a/youtube/static/dark_theme.css b/youtube/static/dark_theme.css
index b65a5d7..e642ab7 100644
--- a/youtube/static/dark_theme.css
+++ b/youtube/static/dark_theme.css
@@ -1,18 +1,18 @@
 :root {
-    --background:        #121212;
-    --text:              #FFF;
-    --secondary-hover:   #73828c;
-    --secondary-focus:   #616161;
-    --secondary-inverse: #FFF;
-    --primary-background:#303030;
+    --background:           #212121;
+    --text:                 #FFFFFF;
+    --secondary-hover:      #73828c;
+    --secondary-focus:      #606060;
+    --secondary-inverse:    #FFF;
+    --primary-background:   #757575;
     --secondary-background: #424242;
-    --link:              #22aaff;
-    --link-visited:      #7755ff;
-    --buttom:            #dcdcdb;
-    --buttom-text:       #415462;
-    --button-border:     #91918c;
-    --buttom-hover:      #BBB;
-    --search-text:       #FFF;
-    --time-background:   #000;
-    --time-text:         #FFF;
+    --link:                 #00B0FF;
+    --link-visited:         #40C4FF;
+    --buttom:               #dcdcdb;
+    --buttom-text:          #415462;
+    --button-border:        #91918c;
+    --buttom-hover:         #BBB;
+    --search-text:          #FFF;
+    --time-background:      #212121;
+    --time-text:            #FFF;
 }
diff --git a/youtube/static/gray_theme.css b/youtube/static/gray_theme.css
index 5302673..189ebd0 100644
--- a/youtube/static/gray_theme.css
+++ b/youtube/static/gray_theme.css
@@ -1,18 +1,18 @@
 :root {
-    --background:        #2d3743;
-    --text:              #FFF;
-    --secondary-hover:   #73828c;
-    --secondary-focus:   rgba(115, 130, 140, 0.125);
-    --secondary-inverse: #FFF;
-    --primary-background:#35404d;
-    --secondary-background: #102027;
-    --link:              #22aaff;
-    --link-visited:      #7755ff;
-    --buttom:            #dcdcdb;
-    --buttom-text:       #415462;
-    --button-border:     #91918c;
-    --buttom-hover:      #BBB;
-    --search-text:       #FFF;
-    --time-background:   #000;
-    --time-text:         #FFF;
+    --background:            #2d3743;
+    --text:                  #FFFFFF;
+    --secondary-hover:       #73828c;
+    --secondary-focus:       rgba(115, 130, 140, 0.125);
+    --secondary-inverse:     #FFFFFF;
+    --primary-background:    #2d3743;
+    --secondary-background:  #102027;
+    --link:                  #22aaff;
+    --link-visited:          #7755ff;
+    --buttom:                #DCDCDC;
+    --buttom-text:           #415462;
+    --button-border:         #91918c;
+    --buttom-hover:          #BBBBBB;
+    --search-text:           #FFFFFF;
+    --time-background:       #212121;
+    --time-text:             #FFFFFF;
 }
diff --git a/youtube/static/license.css b/youtube/static/license.css
index 4cb31a4..69bb3ae 100644
--- a/youtube/static/license.css
+++ b/youtube/static/license.css
@@ -188,15 +188,19 @@ label[for=options-toggle-cbox] {
     text-align: center;
 }
 
-.table th{
+.table th {
     background-color: var(--secondary-background);
     color: var(--text);
 }
 
-.table tbody tr:nth-child(even){
+.table tbody tr:nth-child(even) {
     background-color: var(--secondary-focus);
 }
 
+.table tbody tr:nth-child(2n+1) {
+    background-color: var(--primary-background);
+}
+
 .table thead tr th:nth-last-child(1) {
     padding: 0;
 }
diff --git a/youtube/static/light_theme.css b/youtube/static/light_theme.css
index 1a78fc5..3e3222b 100644
--- a/youtube/static/light_theme.css
+++ b/youtube/static/light_theme.css
@@ -2,10 +2,10 @@
     --background:           #FFFFFF;
     --text:                 #212121;
     --secondary-hover:      #212121;
-    --secondary-focus:      #E4E4E4;
+    --secondary-focus:      #FAFAFA;
     --secondary-inverse:    #FFFFFF;
-    --primary-background:   #CCCCCC;
-    --secondary-background: #F5F5F5;
+    --primary-background:   #F5F5F5;
+    --secondary-background: #EEEEEE;
     --link:                 #212121;
     --link-visited:         #606060;
     --buttom:               #DCDCDC;
-- 
cgit v1.2.3