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/static')
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