From 8e9524d28586b1cb396a597d25618f48ccc94a45 Mon Sep 17 00:00:00 2001 From: Bhuvanesh S Date: Sun, 21 Jun 2026 01:25:29 +0530 Subject: [PATCH] feat(dashboard): refine Achievements card styles for premium light/dark mode contrast --- components/dashboard/Achievements.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/components/dashboard/Achievements.tsx b/components/dashboard/Achievements.tsx index d1337bd0b..bcfb17d50 100644 --- a/components/dashboard/Achievements.tsx +++ b/components/dashboard/Achievements.tsx @@ -44,8 +44,8 @@ export default function Achievements({ achievements }: { achievements: Achieveme transition={{ delay: 0.15 + i * 0.07, duration: 0.2 }} className={`p-4 flex flex-col items-center text-center rounded-lg border transition-all duration-200 ${ achievement.isUnlocked - ? 'bg-gray-100 dark:bg-[#111] border-[rgba(255,255,255,0.08)] hover:border-[rgba(255,255,255,0.16)] hover:bg-gray-200 dark:hover:bg-[#161616] cursor-default' - : 'bg-white dark:bg-[#0a0a0a] border border-gray-300 dark:border-[rgba(255,255,255,0.04)] opacity-30 grayscale pointer-events-none' + ? 'bg-gray-50 dark:bg-[#111] border-black/5 dark:border-[rgba(255,255,255,0.08)] hover:border-black/10 dark:hover:border-[rgba(255,255,255,0.16)] hover:bg-gray-100 dark:hover:bg-[#161616] cursor-default' + : 'bg-white dark:bg-[#0a0a0a] border-gray-200 dark:border-[rgba(255,255,255,0.04)] opacity-30 grayscale pointer-events-none' }`} >