diff options
Diffstat (limited to 'youtube')
-rw-r--r-- | youtube/static/dark_theme.css | 30 | ||||
-rw-r--r-- | youtube/static/gray_theme.css | 32 | ||||
-rw-r--r-- | youtube/static/license.css | 8 | ||||
-rw-r--r-- | youtube/static/light_theme.css | 6 |
4 files changed, 40 insertions, 36 deletions
diff --git a/youtube/static/dark_theme.css b/youtube/static/dark_theme.css index b65a5d7..e642ab7 100644 --- a/youtube/static/dark_theme.css +++ b/youtube/static/dark_theme.css @@ -1,18 +1,18 @@ :root { - --background: #121212; - --text: #FFF; - --secondary-hover: #73828c; - --secondary-focus: #616161; - --secondary-inverse: #FFF; - --primary-background:#303030; + --background: #212121; + --text: #FFFFFF; + --secondary-hover: #73828c; + --secondary-focus: #606060; + --secondary-inverse: #FFF; + --primary-background: #757575; --secondary-background: #424242; - --link: #22aaff; - --link-visited: #7755ff; - --buttom: #dcdcdb; - --buttom-text: #415462; - --button-border: #91918c; - --buttom-hover: #BBB; - --search-text: #FFF; - --time-background: #000; - --time-text: #FFF; + --link: #00B0FF; + --link-visited: #40C4FF; + --buttom: #dcdcdb; + --buttom-text: #415462; + --button-border: #91918c; + --buttom-hover: #BBB; + --search-text: #FFF; + --time-background: #212121; + --time-text: #FFF; } diff --git a/youtube/static/gray_theme.css b/youtube/static/gray_theme.css index 5302673..189ebd0 100644 --- a/youtube/static/gray_theme.css +++ b/youtube/static/gray_theme.css @@ -1,18 +1,18 @@ :root { - --background: #2d3743; - --text: #FFF; - --secondary-hover: #73828c; - --secondary-focus: rgba(115, 130, 140, 0.125); - --secondary-inverse: #FFF; - --primary-background:#35404d; - --secondary-background: #102027; - --link: #22aaff; - --link-visited: #7755ff; - --buttom: #dcdcdb; - --buttom-text: #415462; - --button-border: #91918c; - --buttom-hover: #BBB; - --search-text: #FFF; - --time-background: #000; - --time-text: #FFF; + --background: #2d3743; + --text: #FFFFFF; + --secondary-hover: #73828c; + --secondary-focus: rgba(115, 130, 140, 0.125); + --secondary-inverse: #FFFFFF; + --primary-background: #2d3743; + --secondary-background: #102027; + --link: #22aaff; + --link-visited: #7755ff; + --buttom: #DCDCDC; + --buttom-text: #415462; + --button-border: #91918c; + --buttom-hover: #BBBBBB; + --search-text: #FFFFFF; + --time-background: #212121; + --time-text: #FFFFFF; } diff --git a/youtube/static/license.css b/youtube/static/license.css index 4cb31a4..69bb3ae 100644 --- a/youtube/static/license.css +++ b/youtube/static/license.css @@ -188,15 +188,19 @@ label[for=options-toggle-cbox] { text-align: center; } -.table th{ +.table th { background-color: var(--secondary-background); color: var(--text); } -.table tbody tr:nth-child(even){ +.table tbody tr:nth-child(even) { background-color: var(--secondary-focus); } +.table tbody tr:nth-child(2n+1) { + background-color: var(--primary-background); +} + .table thead tr th:nth-last-child(1) { padding: 0; } diff --git a/youtube/static/light_theme.css b/youtube/static/light_theme.css index 1a78fc5..3e3222b 100644 --- a/youtube/static/light_theme.css +++ b/youtube/static/light_theme.css @@ -2,10 +2,10 @@ --background: #FFFFFF; --text: #212121; --secondary-hover: #212121; - --secondary-focus: #E4E4E4; + --secondary-focus: #FAFAFA; --secondary-inverse: #FFFFFF; - --primary-background: #CCCCCC; - --secondary-background: #F5F5F5; + --primary-background: #F5F5F5; + --secondary-background: #EEEEEE; --link: #212121; --link-visited: #606060; --buttom: #DCDCDC; |