From 6033d9f58a1cb9f9527c4774ff200ac79957efef Mon Sep 17 00:00:00 2001
From: gbanyan <gbanyan.huang@gmail.com>
Date: Mon, 17 Nov 2025 23:11:25 +0800
Subject: [PATCH] Apply accent-based tag styling to sidebar hot tags for better
 dark-mode readability

---
 components/right-sidebar.tsx | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/components/right-sidebar.tsx b/components/right-sidebar.tsx
index d661828..f2d7a4f 100644
--- a/components/right-sidebar.tsx
+++ b/components/right-sidebar.tsx
@@ -92,26 +92,16 @@ export function RightSidebar() {
               熱門標籤
             </h2>
             <div className="mt-2 flex flex-wrap gap-2 text-xs">
-              {tags.map(({ tag, slug, count }, index) => {
+              {tags.map(({ tag, slug, count }) => {
                 let sizeClass = 'text-[11px]';
                 if (count >= 5) sizeClass = 'text-sm font-semibold';
                 else if (count >= 3) sizeClass = 'text-xs font-medium';
 
-                const colorClasses = [
-                  'bg-rose-100 text-rose-700 dark:bg-rose-900/60 dark:text-rose-200',
-                  'bg-emerald-100 text-emerald-700 dark:bg-emerald-900/60 dark:text-emerald-200',
-                  'bg-sky-100 text-sky-700 dark:bg-sky-900/60 dark:text-sky-200',
-                  'bg-amber-100 text-amber-700 dark:bg-amber-900/60 dark:text-amber-200',
-                  'bg-violet-100 text-violet-700 dark:bg-violet-900/60 dark:text-violet-200'
-                ];
-                const color =
-                  colorClasses[index % colorClasses.length];
-
                 return (
                   <Link
                     key={tag}
                     href={`/tags/${slug}`}
-                    className={`${sizeClass} rounded-full px-2 py-0.5 transition ${color}`}
+                    className={`${sizeClass} rounded-full bg-accent-soft px-2 py-0.5 text-accent-textLight transition hover:bg-accent dark:text-accent-textDark`}
                   >
                     {tag}
                   </Link>