From e14ec885916e07da4fcda18ad500d63f79d76443 Mon Sep 17 00:00:00 2001
From: James Taylor <user234683@users.noreply.github.com>
Date: Fri, 6 Sep 2019 14:47:37 -0700
Subject: Settings: Fix centering and color scheme on other themes

---
 youtube/static/dark_theme.css   | 4 ++++
 youtube/static/gray_theme.css   | 4 ++++
 youtube/static/light_theme.css  | 5 +++++
 youtube/templates/settings.html | 7 ++++---
 4 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/youtube/static/dark_theme.css b/youtube/static/dark_theme.css
index 4f302cb..d75bb82 100644
--- a/youtube/static/dark_theme.css
+++ b/youtube/static/dark_theme.css
@@ -19,3 +19,7 @@ a:not([href]){
 .comment .permalink{
     color: #ffffff;
 }
+
+.setting-item{
+    background-color: #444444;
+}
diff --git a/youtube/static/gray_theme.css b/youtube/static/gray_theme.css
index 69cc849..a064252 100644
--- a/youtube/static/gray_theme.css
+++ b/youtube/static/gray_theme.css
@@ -7,3 +7,7 @@ body{
 .comment .permalink{
     color: #000000;
 }
+
+.setting-item{
+    background-color: #eeeeee;
+}
diff --git a/youtube/static/light_theme.css b/youtube/static/light_theme.css
index 05697b9..50286bb 100644
--- a/youtube/static/light_theme.css
+++ b/youtube/static/light_theme.css
@@ -7,3 +7,8 @@ body{
 .comment .permalink{
     color: #000000;
 }
+
+
+.setting-item{
+    background-color: #f8f8f8;
+}
diff --git a/youtube/templates/settings.html b/youtube/templates/settings.html
index bac3ef9..19a2461 100644
--- a/youtube/templates/settings.html
+++ b/youtube/templates/settings.html
@@ -4,9 +4,11 @@
 {% block style %}
     .settings-form {
         margin: auto;
+        width: 500px;
+        margin-top:10px;
         padding: 10px;
-        display: inline-block;
-        background-color: #dadada;
+        display: block;
+        background-color: var(--interface-color);
     }
         .settings-list{
             list-style: none;
@@ -14,7 +16,6 @@
         }
             .setting-item{
                 margin-bottom: 10px;
-                background-color: #eeeeee;
                 padding: 5px;
             }
                 .setting-item label{
-- 
cgit v1.2.3