aboutsummaryrefslogtreecommitdiffstats
path: root/youtube/static
diff options
context:
space:
mode:
authorJesús <heckyel@hyperbola.info>2021-12-26 12:27:24 -0500
committerJesús <heckyel@hyperbola.info>2021-12-26 12:27:24 -0500
commitbcbd83fa309ec0a6743f32ce7578cc66b53c6f0c (patch)
treec6f62d8928756d1a7d8e6c56d7fc4a1b4307302e /youtube/static
parent0820909b7e159e051c6b895cfda8a60475e4d708 (diff)
downloadyt-local-bcbd83fa309ec0a6743f32ce7578cc66b53c6f0c.tar.lz
yt-local-bcbd83fa309ec0a6743f32ce7578cc66b53c6f0c.tar.xz
yt-local-bcbd83fa309ec0a6743f32ce7578cc66b53c6f0c.zip
[FrontEnd]: improved settings design
Diffstat (limited to 'youtube/static')
-rw-r--r--youtube/static/dark_theme.css5
-rw-r--r--youtube/static/gray_theme.css1
-rw-r--r--youtube/static/light_theme.css1
-rw-r--r--youtube/static/settings.css6
4 files changed, 10 insertions, 3 deletions
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;
}