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

- Add specific support for dark/black schemes

diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index 927d557b4caac5fa428c70c9298ddee38b6988ab..80183b7d8a350a9c4a729101a313294b8e2b0592 100644 (file)
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -119,7 +119,7 @@ blockquote {
 #back-to-top {
     display: none;
     cursor: pointer;
-    color: white;
+    color: $nav_icon_color;
     position: fixed;
     z-index: 49;
     right: 20px;
@@ -128,7 +128,7 @@ blockquote {
     font-size: 2.9em;
     padding: 0 12px 0 12px;
     border-radius: 10px;
-    background-color: #aaa;
+    background-color: $nav_bg;
     line-height: 1.5;
 }
 

diff --git a/view/theme/frio/php/default.php b/view/theme/frio/php/default.php
index cdac7d91f144f63916a0bf3adc983d5ba1994e04..c6b8f96e817e0dc2bcf9c693b1e2d25c3280808c 100644 (file)
--- a/view/theme/frio/php/default.php
+++ b/view/theme/frio/php/default.php
@@ -149,7 +149,7 @@ $is_singleuser_class = $is_singleuser ? "is-singleuser" : "is-not-singleuser";
                                </div><!--row-->
                        </div><!-- container -->
 
-                       <div id="back-to-top" title="back to top">&#8679;</div>
+                       <div id="back-to-top" title="back to top">⇪</div>
                </main>
 
                <footer>

diff --git a/view/theme/frio/php/standard.php b/view/theme/frio/php/standard.php
index 927b0461c95a8654f2cd2897f12f648aa0c9690f..c97c047efa05409bdbba51d4c50891b76bbb69cf 100644 (file)
--- a/view/theme/frio/php/standard.php
+++ b/view/theme/frio/php/standard.php
@@ -70,7 +70,7 @@
                        </div><!--row-->
                </div><!-- container -->
 
-               <div id="back-to-top" title="back to top">&#8679;</div>
+               <div id="back-to-top" title="back to top">⇪</div>
        </main>
 
 <footer>

diff --git a/view/theme/frio/scheme/black.css b/view/theme/frio/scheme/black.css
index 263322db2c12e95a0ae7059f923a951a84070b30..4f58f8c44ae13b463c8fd34b938113c67c5e9898 100644 (file)
--- a/view/theme/frio/scheme/black.css
+++ b/view/theme/frio/scheme/black.css
@@ -347,7 +347,9 @@ section > .generic-page-wrapper,
 .fsuggest-content-wrapper,
 .panel,
 aside .widget,
-.nav-container .widget{
+.nav-container .widget,
+#back-to-top
+{
        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 {
        box-shadow: none;
 }
+
+#back-to-top {
+       color: $link_color;
+}

diff --git a/view/theme/frio/scheme/dark.css b/view/theme/frio/scheme/dark.css
index bf5a347d1fda48b6eb18514244cca3b47f11d843..c9ba99c7f29cb99ec5d02bad9d8743241b0a22e5 100644 (file)
--- a/view/theme/frio/scheme/dark.css
+++ b/view/theme/frio/scheme/dark.css
@@ -327,3 +327,7 @@ legend {
 input[type=text].tt-input {
        box-shadow: none;
 }
+
+#back-to-top {
+       border: 1px solid $nav_icon_color;
+}