diff options
| author | Astound <kirito@disroot.org> | 2024-04-07 11:44:19 +0800 |
|---|---|---|
| committer | Astound <kirito@disroot.org> | 2024-04-07 11:44:19 +0800 |
| commit | 48e8f271e7fd0b06b24337a1cb31579ce26c2288 (patch) | |
| tree | cd86168bcf1a30d0af0946a220862e3bc1359ebb | |
| parent | 9a0ad6070b3853a11685bd7df3c9647191f0a528 (diff) | |
| download | yt-local-48e8f271e7fd0b06b24337a1cb31579ce26c2288.tar.lz yt-local-48e8f271e7fd0b06b24337a1cb31579ce26c2288.tar.xz yt-local-48e8f271e7fd0b06b24337a1cb31579ce26c2288.zip | |
update styles to modern
| -rw-r--r-- | youtube/static/dark_theme.css | 30 | ||||
| -rw-r--r-- | youtube/static/gray_theme.css | 10 | ||||
| -rw-r--r-- | youtube/static/license.css | 2 | ||||
| -rw-r--r-- | youtube/static/light_theme.css | 4 | ||||
| -rw-r--r-- | youtube/static/settings.css | 2 |
5 files changed, 27 insertions, 21 deletions
diff --git a/youtube/static/dark_theme.css b/youtube/static/dark_theme.css index a5fa0ec..ec472cf 100644 --- a/youtube/static/dark_theme.css +++ b/youtube/static/dark_theme.css @@ -1,20 +1,22 @@ :root { - --background: #212121; + --background: #121113; --text: #FFFFFF; - --secondary-hover: #73828c; - --secondary-focus: #303030; - --secondary-inverse: #FFF; + --secondary-hover: #222725; + --secondary-focus: #121113; + --secondary-inverse: #FFFFFF; --primary-background: #242424; - --secondary-background: #424242; - --thumb-background: #757575; + --secondary-background: #222725; + --thumb-background: #222725; --link: #00B0FF; --link-visited: #40C4FF; - --border-bg: #FFFFFF; - --buttom: #dcdcdb; - --buttom-text: #415462; - --button-border: #91918c; - --buttom-hover: #BBB; - --search-text: #FFF; - --time-background: #212121; - --time-text: #FFF; + --border-bg: #222725; + --border-bg-settings: #000000; + --border-bg-license: #000000; + --buttom: #121113; + --buttom-text: #FFFFFF; + --button-border: #222725; + --buttom-hover: #222725; + --search-text: #FFFFFF; + --time-background: #121113; + --time-text: #FFFFFF; } diff --git a/youtube/static/gray_theme.css b/youtube/static/gray_theme.css index 43f7629..2ad0063 100644 --- a/youtube/static/gray_theme.css +++ b/youtube/static/gray_theme.css @@ -10,10 +10,12 @@ --link: #22aaff; --link-visited: #7755ff; --border-bg: #FFFFFF; - --buttom: #DCDCDC; - --buttom-text: #415462; - --button-border: #91918c; - --buttom-hover: #BBBBBB; + --border-bg-settings: #FFFFFF; + --border-bg-license: #FFFFFF; + --buttom: #2d3743; + --buttom-text: #FFFFFF; + --button-border: #102027; + --buttom-hover: #102027; --search-text: #FFFFFF; --time-background: #212121; --time-text: #FFFFFF; diff --git a/youtube/static/license.css b/youtube/static/license.css index bf3f129..a86780c 100644 --- a/youtube/static/license.css +++ b/youtube/static/license.css @@ -181,7 +181,7 @@ label[for=options-toggle-cbox] { .table td,.table th { padding: 10px 10px; - border: 1px solid var(--secondary-background); + border: 1px solid var(--border-bg-license); text-align: center; } diff --git a/youtube/static/light_theme.css b/youtube/static/light_theme.css index 9095d15..4ca0317 100644 --- a/youtube/static/light_theme.css +++ b/youtube/static/light_theme.css @@ -10,7 +10,9 @@ --link: #212121; --link-visited: #808080; --border-bg: #212121; - --buttom: #DCDCDC; + --border-bg-settings: #91918c; + --border-bg-license: #91918c; + --buttom: #FFFFFF; --buttom-text: #212121; --button-border: #91918c; --buttom-hover: #BBBBBB; diff --git a/youtube/static/settings.css b/youtube/static/settings.css index 4834e3d..33dd923 100644 --- a/youtube/static/settings.css +++ b/youtube/static/settings.css @@ -155,7 +155,7 @@ label[for=options-toggle-cbox] { } .settings-form > h2 { - border-bottom: 2px solid var(--border-bg); + border-bottom: 2px solid var(--border-bg-settings); padding-bottom: 0.5rem; } |