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(-)
(limited to 'youtube')
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