[frio] Vary Back to Top element depending on the theme accent/colors

- Add specific support for dark/black schemes
This commit is contained in:
Hypolite Petovan 2020-12-30 23:10:22 -05:00
parent 934f69a426
commit 94b9ed53c2
5 changed files with 15 additions and 5 deletions

View file

@ -119,7 +119,7 @@ blockquote {
#back-to-top { #back-to-top {
display: none; display: none;
cursor: pointer; cursor: pointer;
color: white; color: $nav_icon_color;
position: fixed; position: fixed;
z-index: 49; z-index: 49;
right: 20px; right: 20px;
@ -128,7 +128,7 @@ blockquote {
font-size: 2.9em; font-size: 2.9em;
padding: 0 12px 0 12px; padding: 0 12px 0 12px;
border-radius: 10px; border-radius: 10px;
background-color: #aaa; background-color: $nav_bg;
line-height: 1.5; line-height: 1.5;
} }

View file

@ -149,7 +149,7 @@ $is_singleuser_class = $is_singleuser ? "is-singleuser" : "is-not-singleuser";
</div><!--row--> </div><!--row-->
</div><!-- container --> </div><!-- container -->
<div id="back-to-top" title="back to top">&#8679;</div> <div id="back-to-top" title="back to top"></div>
</main> </main>
<footer> <footer>

View file

@ -70,7 +70,7 @@
</div><!--row--> </div><!--row-->
</div><!-- container --> </div><!-- container -->
<div id="back-to-top" title="back to top">&#8679;</div> <div id="back-to-top" title="back to top"></div>
</main> </main>
<footer> <footer>

View file

@ -347,7 +347,9 @@ section > .generic-page-wrapper,
.fsuggest-content-wrapper, .fsuggest-content-wrapper,
.panel, .panel,
aside .widget, aside .widget,
.nav-container .widget{ .nav-container .widget,
#back-to-top
{
box-shadow: 0 0 3px $link_color; box-shadow: 0 0 3px $link_color;
-webkit-box-shadow: 0 0 3px $link_color; -webkit-box-shadow: 0 0 3px $link_color;
} }
@ -355,3 +357,7 @@ aside .widget,
input[type=text].tt-input { input[type=text].tt-input {
box-shadow: none; box-shadow: none;
} }
#back-to-top {
color: $link_color;
}

View file

@ -327,3 +327,7 @@ legend {
input[type=text].tt-input { input[type=text].tt-input {
box-shadow: none; box-shadow: none;
} }
#back-to-top {
border: 1px solid $nav_icon_color;
}