From 5ae7cf8d548d20b661ab0ff67baafcc4d520e4b5 Mon Sep 17 00:00:00 2001
From: rajanarahul93 <rajanarahul93@gmail.com>
Date: Fri, 4 Jul 2025 11:18:04 +0530
Subject: [PATCH] fix: theme colors for dark mode

---
 app/globals.css                    | 18 +-----------------
 components/analytics/UserStats.tsx |  4 ++--
 2 files changed, 3 insertions(+), 19 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index d3f4ba3..849b346 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -2,22 +2,6 @@
 @tailwind components;
 @tailwind utilities;
 
-:root {
-  --background-color: #0d0d0d;
-  --text-color: #ffffff;
-}
-
-[data-theme="light"] {
-  --background-color: #ffffff;
-  --text-color: #000000;
-}
-
-body {
-  background-color: var(--background-color);
-  color: var(--text-color);
-  font-weight: 400;
-  transition: background-color 0.3s ease, color 0.3s ease;
-}
 
 @media (prefers-color-scheme: dark) {
   :root {
@@ -57,7 +41,7 @@ body {
 @layer base {
   :root {
     --background: 0 0% 100%;
-    --foreground: 0 0% 3.9%;
+    --foreground: 0 0% 10%;
     --card: 0 0% 100%;
     --card-foreground: 0 0% 3.9%;
     --popover: 0 0% 100%;
diff --git a/components/analytics/UserStats.tsx b/components/analytics/UserStats.tsx
index 817cded..ab3ea88 100644
--- a/components/analytics/UserStats.tsx
+++ b/components/analytics/UserStats.tsx
@@ -36,7 +36,7 @@ export default function UserStats({ projectTags, projectDescription, socialLinks
                         </div>
                         <div className="flex w-fit items-center gap-2">
                             {projectTags.map((tag, index) => (
-                                <span key={index} className="rounded-[4px] bg-border py-1 px-2 text-base font-normal text-foreground">{tag}</span>
+                                <span key={index} className="rounded-[4px] bg-secondary py-1 px-2 text-base font-normal text-foreground">{tag}</span>
                             ))}
                         </div>
                         <p className="text-lg font-normal text-[#988C8C]">{projectDescription}</p>
@@ -48,7 +48,7 @@ export default function UserStats({ projectTags, projectDescription, socialLinks
                     </div>
                     <div className="basis-1/2 max-w-[520px] flex items-start flex-col-reverse md:flex-row justify-center gap-6">
                         <button className="py-3 px-6 flex items-center justify-center gap-[5px] text-lg md:text-2xl font-bold text-[#70750B] bg-[#EBFFCB] border border-border rounded-lg hover:scale-95 duration-150 ease-in-out"><PiPlus /> Follow</button>
-                        <div className="bg-border flex items-center justify-center rounded-[10px] gap-6 py-4 px-5">
+                        <div className="bg-secondary flex items-center justify-center rounded-[10px] gap-6 py-4 px-5">
                             <div className="flex flex-col items-start gap-1">
                                 <small className="font-normal text-[#988C8C] text-sm md:text-base">Followers</small>
                                 <p className="text-foreground font-bold text-lg md:text-[22px]">8,674</p>