more readable links

assets/scss/colors.scss

@@ -46,9 +46,11 @@ a.footer-nav-item:hover {
   &.light {
     color: $light-bg-alt;
     background-color: $light-bg;
+    border-color: $light-bg;
   }
   color: $dark-bg-alt;
   background-color: $dark-bg;
+    border-color: $dark-bg;
   transition: $trans-short;
 }
 
@@ -84,12 +86,14 @@ footer a {
 
 .togglelabel.light::after {
   background-color: $light-bg;
+  border-color: $light-bg;
   color: $light-bg-alt;
   transition: $transition-time;
 }
 
 .togglelabel::after {
   background-color: $dark-bg;
+  border-color: $dark-bg;
   color: $dark-bg-alt;
   transition: $transition-time;
 }
@@ -197,6 +201,7 @@ a:hover {
   color: $dark-bg;
   background-color: $dark-ln;
   transition: $trans-short;
+  border-color: $dark-ln;
 }
 
 .previous.light:hover,
@@ -206,6 +211,7 @@ article.light a:hover {
   color: $light-bg;
   background-color: $light-ln;
   transition: $trans-short;
+  border-color: $light-ln;
 }
 
 .light.hash-link:hover,

assets/scss/layout.scss

@@ -7,7 +7,7 @@ body {
 }
 
 footer {
-  height: $footer-height;
+  min-height: $footer-height;
   position: sticky;
   display: flex;
   align-items: center;

layouts/_default/list.html

@@ -13,7 +13,7 @@
     <div id="postlist">
     <h2 class="colorswitch posttitle">
         <a class="colorswitch" href="{{.Permalink}}">{{.Title}}</h2><div class="postdescription">{{.Description}}</a><br>
-        <a class="postinfo" href="{{.Permalink}}">{{.WordCount}} words | read more...</a>
+        <a class="postinfo colorswitch" href="{{.Permalink}}">read more...</a>
     </div>
     {{ end }}
     </div>