From 940fb2031ee454f91fc29a8bd5c57b71afc00dff Mon Sep 17 00:00:00 2001
From: Oliver Booth <git@olivr.me>
Date: Mon, 19 Feb 2024 23:01:32 +0000
Subject: [PATCH] style: improve contrast on topic tags

---
 OliverBooth/Pages/Blog/Article.cshtml |  2 +-
 src/scss/app.scss                     | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/OliverBooth/Pages/Blog/Article.cshtml b/OliverBooth/Pages/Blog/Article.cshtml
index 887d184..9bb648c 100644
--- a/OliverBooth/Pages/Blog/Article.cshtml
+++ b/OliverBooth/Pages/Blog/Article.cshtml
@@ -80,7 +80,7 @@
         <a href="#disqus_thread" data-disqus-identifier="@post.GetDisqusIdentifier()">0 Comments</a>
     }
 </p>
-<div>
+<div class="post-tags">
     @foreach (string tag in post.Tags)
     {
         <a asp-page="Index" asp-route-tag="@tag" class="badge bg-secondary">@tag</a>
diff --git a/src/scss/app.scss b/src/scss/app.scss
index c76825c..bc5eca4 100644
--- a/src/scss/app.scss
+++ b/src/scss/app.scss
@@ -371,5 +371,18 @@ td.trim-p p:last-child {
     font-size: 3em;
     margin: 0;
     padding: 0;
+}
+
+.post-tags a.badge {
+  transition: color 250ms, background-color 250ms;
+  
+  &:link, &:visited, &:active {
+    background-color: #2D2D2D !important;
+    color: #fff;
+  }
+
+  &:hover {
+    color: #03A9F4;
+    background-color: #1E1E1E !important;
   }
 }
\ No newline at end of file