From 8ce080feddf5a5ace91de5a3cd108e4541f9f390 Mon Sep 17 00:00:00 2001
From: PrinOrange <prinorange@outlook.com>
Date: Sat, 6 Jan 2024 23:35:24 +0800
Subject: [PATCH] fix the ui flaw in light mode

---
 components/utils/TagBadge.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/utils/TagBadge.tsx b/components/utils/TagBadge.tsx
index d3a1c0c..f4cba63 100644
--- a/components/utils/TagBadge.tsx
+++ b/components/utils/TagBadge.tsx
@@ -3,7 +3,7 @@ import Link from "next/link";
 export const TagBadge = (props: { name: string; size: "sm" | "md"; count?: number }) => {
   return (
     <Link href={`/tags/${props.name}`} className={`mx-1 my-1 ${props.size === "sm" ? "text-sm" : "text-base"}`}>
-      <div className="border-2 border-black px-2 hover:border-gray-600 hover:text-gray-300  dark:border-white  dark:text-white  dark:hover:border-gray-300">
+      <div className="border-2 border-black px-2 hover:border-gray-600 hover:text-gray-600 dark:hover:text-gray-300  dark:border-white  dark:text-white  dark:hover:border-gray-300">
         {`${props.name}${props.count ? ` (${props.count})` : ""}`}
       </div>
     </Link>