From d53bd5a7054cfa88736ac7dddf36ac6c1ef45f4c Mon Sep 17 00:00:00 2001
From: Oliver Bryan <04oliverbryan@gmail.com>
Date: Tue, 30 Sep 2025 17:35:38 +0100
Subject: [PATCH] only outline mini selected tags

---
 src/pages/index.astro | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index e05d83c6..52b2cc2f 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -194,6 +194,10 @@ const sortedTags = Array.from(allTags).sort((a, b) => a.localeCompare(b));
         const selectedTagText = "text-ayu-bg";
         const unselectedTagBorder = "border-ayu-gutter";
         const unselectedTagText = "text-ayu-fg";
+        const miniSelectedTagBorder = "border-ayu-accent";
+        const miniSelectedTagText = "text-ayu-accent";
+        const miniUnselectedTagBorder = "border-ayu-gutter";
+        const miniUnselectedTagText = "text-ayu-fg";
 
         const tags = document.querySelectorAll("[data-tag]");
         const projects = document.getElementsByClassName("project-item");
@@ -241,18 +245,24 @@ const sortedTags = Array.from(allTags).sort((a, b) => a.localeCompare(b));
                             )
                     );
                     Array.from(tagElements).forEach((tag) => {
-                        tag.classList.remove(selectedTagBg, selectedTagText);
+                        tag.classList.remove(
+                            miniSelectedTagBorder,
+                            miniSelectedTagText
+                        );
                         tag.classList.add(
-                            unselectedTagBorder,
-                            unselectedTagText
+                            miniUnselectedTagBorder,
+                            miniUnselectedTagText
                         );
                     });
 
                     matchingTags.forEach((tag) => {
-                        tag.classList.add(selectedTagBg, selectedTagText);
+                        tag.classList.add(
+                            miniSelectedTagBorder,
+                            miniSelectedTagText
+                        );
                         tag.classList.remove(
-                            unselectedTagBorder,
-                            unselectedTagText
+                            miniUnselectedTagBorder,
+                            miniUnselectedTagText
                         );
                     });
                 } else {