fix tagbadge ui problem in darkmode

components/utils/Footer.tsx

@@ -25,6 +25,9 @@ export const Footer = () => {
           </Link>
         </div>
         <div className="my-2 flex flex-wrap justify-center space-x-3 text-center text-gray-500 underline dark:text-gray-400">
+          <Link href="https://github.com/PrinOrange/nextjs-lexical-blog" title="Sponsor me for my works.">
+            {"Source Code"}
+          </Link>
           <Link href="/sponsor" title="Sponsor me for my works.">
             {"Sponsor"}
           </Link>

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-600  dark:border-white  dark:text-white  dark:hover:border-gray-200">
+      <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">
         {`${props.name}${props.count ? ` (${props.count})` : ""}`}
       </div>
     </Link>