style back-to-top with css

layouts/partials/footer.html

@@ -6,11 +6,7 @@
 <!-- Back to Top button via https://github.com/vfeskov/vanilla-back-to-top -->
 {{ $jsToTop := resources.Get "js/back-to-top.js" | minify }}
 <script src="{{ $jsToTop.RelPermalink }}"></script>
-<script>addBackToTop({
-  diameter: 56,
-  backgroundColor: '#383838',
-  textColor: '#c45a5a'
-})</script>
+<script>addBackToTop()</script>
 
 <!-- Search index via https://victoria.dev/blog/add-search-to-hugo-static-sites-with-lunr/ -->
 {{ partial "search-index.html" .}}

static/css/custom.css

@@ -260,7 +260,6 @@ form button {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
   grid-gap: 0.5rem;
-  /* justify-content: center; */
   margin: 0.5rem 0;
 
 }
@@ -333,4 +332,15 @@ button.tinylytics_kudos:hover {
 .frontmatter_tags {
   font-size: 0.8rem;
   color: var(--off-fg);
+}
+
+/* back-to-top styling */
+#back-to-top {
+  background: var(--inner-bg);
+  height: 56px;
+  width: 56px;
+}
+
+#back-to-top svg {
+  fill: var(--link);
 }