Fix hovering tags in posts (#894)

Author: BernatBC

assets/styles/components/buttons.scss

@@ -56,14 +56,12 @@
     font-size: 0.5em;
     list-style-type: none;
     display: inline-block;
-    background: get-light-color('accent-color');
     margin-left: 0.2em;
     margin-right: 0.2em;
     margin-top: 0.6em;
     margin-bottom: 0.6em;
   }
   a {
-    color: get-light-color('text-over-accent-color');
     text-decoration: none !important;
   }
 }
@@ -143,17 +141,6 @@ html[data-theme='dark'] {
     color: get-dark-color('muted-text-color');
   }
 
-  .tags {
-    li {
-      background: get-dark-color('accent-color');
-      a {
-        background-color: get-dark-color('bg-card');
-        border: 1px solid get-dark-color('muted-text-color');
-        color: get-dark-color('text-over-accent-color');
-      }
-    }
-  }
-
   .icon-button {
     background-color: get-dark-color('muted-text-color');
     color: get-dark-color('text-over-accent-color') !important;

layouts/partials/misc/tags.html

@@ -1,8 +1,8 @@
 <div class="tags">
-    <ul style="padding-left: 0;">
-      {{ range . }}
-      {{ $url:= printf "tags/%s/" . }}
-      <li class="rounded"><a href="{{ $url | urlize | relLangURL }}" class="btn, btn-sm">{{ . }}</a></li>
-      {{ end }}
-    </ul>
+  <ul style="padding-left: 0;">
+    {{ range . }}
+    {{ $url:= printf "tags/%s/" . }}
+    <li class="rounded"><a href="{{ $url | urlize | relLangURL }}" class="btn btn-sm btn-info">{{ . }}</a></li>
+    {{ end }}
+  </ul>
 </div>