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{