From 6b579aeca7d0271a3ab87e50f0b04ba18e58f86b Mon Sep 17 00:00:00 2001 From: syeopite Date: Wed, 13 Mar 2024 13:35:39 -0700 Subject: [PATCH] Add Invidious version to footer --- assets/css/default.css | 64 +++++++++++++++++++++++++------- src/invidious/views/template.ecr | 26 +++++-------- 2 files changed, 59 insertions(+), 31 deletions(-) diff --git a/assets/css/default.css b/assets/css/default.css index 602ea897..e4f2c746 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -442,12 +442,23 @@ p.video-data { margin: 0; font-weight: bold; font-size: 80%; } * Footer */ - footer { +footer { color: #919191; margin-top: 2.5em; padding: 1.5em 0; } +#footer-content-container { + display: flex; + flex-direction: column; + gap: 20px; +} + +#footer-content-container > hr { + margin: 0; + color: rgb(241, 241, 241); +} + .footer-content { display: flex; justify-content: space-between; @@ -455,7 +466,7 @@ p.video-data { margin: 0; font-weight: bold; font-size: 80%; } margin-top: -10px; } -footer .footer-content a { +footer a { color: #919191; } @@ -476,6 +487,20 @@ footer .footer-content a { margin-bottom: 4px; } +.footer-footer .left { + float: left +} + +.footer-footer .right { + float: right; + display: flex; + gap: 5px;; +} + +.footer-right .right a { + color: #919191 +} + @media screen and (max-width: 929px) { #about-invidious-description { display: none; @@ -546,11 +571,20 @@ span > select { } .light-theme footer { + color: #7a7a7a; background: #f2f2f2; } +.light-theme #footer-content-container > hr { + color: rgb(241, 241, 241); +} + +.light-theme footer a { + color: #7c7c7c !important; +} + .light-theme footer #about-invidious-description > b { - color: #7a7a7a; + color: #565D64; } @media (prefers-color-scheme: light) { @@ -588,24 +622,21 @@ span > select { color: #303030; } - .no-theme footer { - color: #7c7c7c; - } - - .no-theme footer a { - color: #7c7c7c !important; - } - .light-theme .pure-menu-heading { color: #565d64; } .no-theme footer { background: #f2f2f2; + color: #7c7c7c; } .no-theme footer #about-invidious-description > b { - color: #7a7a7a; + color: #565D64; + } + + .no-theme footer a { + color: #7c7c7c !important; } } @@ -674,8 +705,12 @@ body.dark-theme { background: #16191a; } +.dark-theme #footer-content-container > hr { + color: #313131; +} + .dark-theme .footer-content #about-invidious-description > b { - color: #e5e5e5; + color: #ccc; } @@ -735,10 +770,11 @@ body.dark-theme { .no-theme footer { background: #16191a; + color: #313131; } .no-theme footer #about-invidious-description > b { - color: #e5e5e5; + color: #ccc; } } diff --git a/src/invidious/views/template.ecr b/src/invidious/views/template.ecr index 71e6298c..c3f021e0 100644 --- a/src/invidious/views/template.ecr +++ b/src/invidious/views/template.ecr @@ -137,7 +137,7 @@