From bcbd83fa309ec0a6743f32ce7578cc66b53c6f0c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs?= <heckyel@hyperbola.info>
Date: Sun, 26 Dec 2021 12:27:24 -0500
Subject: [FrontEnd]: improved settings design

---
 youtube/static/dark_theme.css  | 5 +++--
 youtube/static/gray_theme.css  | 1 +
 youtube/static/light_theme.css | 1 +
 youtube/static/settings.css    | 6 +++++-
 4 files changed, 10 insertions(+), 3 deletions(-)

(limited to 'youtube')

diff --git a/youtube/static/dark_theme.css b/youtube/static/dark_theme.css
index 3a9bad6..a5fa0ec 100644
--- a/youtube/static/dark_theme.css
+++ b/youtube/static/dark_theme.css
@@ -2,13 +2,14 @@
     --background:           #212121;
     --text:                 #FFFFFF;
     --secondary-hover:      #73828c;
-    --secondary-focus:      #606060;
+    --secondary-focus:      #303030;
     --secondary-inverse:    #FFF;
-    --primary-background:   #757575;
+    --primary-background:   #242424;
     --secondary-background: #424242;
     --thumb-background:     #757575;
     --link:                 #00B0FF;
     --link-visited:         #40C4FF;
+    --border-bg:            #FFFFFF;
     --buttom:               #dcdcdb;
     --buttom-text:          #415462;
     --button-border:        #91918c;
diff --git a/youtube/static/gray_theme.css b/youtube/static/gray_theme.css
index b7f0450..43f7629 100644
--- a/youtube/static/gray_theme.css
+++ b/youtube/static/gray_theme.css
@@ -9,6 +9,7 @@
     --thumb-background:      #35404D;
     --link:                  #22aaff;
     --link-visited:          #7755ff;
+    --border-bg:             #FFFFFF;
     --buttom:                #DCDCDC;
     --buttom-text:           #415462;
     --button-border:         #91918c;
diff --git a/youtube/static/light_theme.css b/youtube/static/light_theme.css
index e55079b..5c3191b 100644
--- a/youtube/static/light_theme.css
+++ b/youtube/static/light_theme.css
@@ -9,6 +9,7 @@
     --thumb-background:     #F5F5F5;
     --link:                 #212121;
     --link-visited:         #606060;
+    --border-bg:            #212121;
     --buttom:               #DCDCDC;
     --buttom-text:          #212121;
     --button-border:        #91918c;
diff --git a/youtube/static/settings.css b/youtube/static/settings.css
index de86f15..a603a53 100644
--- a/youtube/static/settings.css
+++ b/youtube/static/settings.css
@@ -153,6 +153,11 @@ label[for=options-toggle-cbox] {
     padding: 1rem;
 }
 
+.settings-form > h2 {
+    border-bottom: 2px solid var(--border-bg);
+    padding-bottom: 0.5rem;
+}
+
 .settings-list {
     display: grid;
     grid-row-gap: 1rem;
@@ -163,7 +168,6 @@ label[for=options-toggle-cbox] {
 .setting-item {
     display: grid;
     grid-template-columns: auto auto;
-    background-color: var(--secondary-focus);
     align-items: center;
     padding: 5px;
 }
-- 
cgit v1.2.3