From 2e734f3cb8176a284663a85b17202a29e980461b Mon Sep 17 00:00:00 2001
From: Radiquum <kentai.waah@gmail.com>
Date: Sat, 26 Jul 2025 23:32:42 +0500
Subject: [PATCH] fix: colors

---
 app/Section/Characters.tsx | 5 +++--
 app/Section/Photos.tsx     | 4 ++--
 app/Section/Projects.tsx   | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/Section/Characters.tsx b/app/Section/Characters.tsx
index d1b702e..f431af5 100644
--- a/app/Section/Characters.tsx
+++ b/app/Section/Characters.tsx
@@ -33,7 +33,7 @@ export const Characters = () => {
   return (
     <Section>
       <div className="flex flex-col gap-2 mt-2 md:flex-row md:justify-between md:items-center">
-        <h2 className="text-4xl md:text-5xl border-1 px-3 py-2 rounded-xl border-white/5 bg-[#1c1e20]/25 flex-1">Characters</h2>
+        <h2 className="text-4xl md:text-5xl border-1 px-3 py-2 rounded-xl border-white/5 bg-[#ffb1cd]/5 flex-1">Characters</h2>
         <div className="flex items-center gap-2 flex-1">
           {links.map((item) => (
             <Link href={item.url} key={`characters.link.${item.text}`} className="flex-1">
@@ -41,7 +41,8 @@ export const Characters = () => {
                 icon={item.icon}
                 text={item.text}
                 desc={item.desc}
-                backgroundColor={"#1c1e20"}
+                backgroundColor={"#ffb1cd"}
+                backgroundOpacity={"5%"}
               />
             </Link>
           ))}
diff --git a/app/Section/Photos.tsx b/app/Section/Photos.tsx
index 532d1d5..79cff56 100644
--- a/app/Section/Photos.tsx
+++ b/app/Section/Photos.tsx
@@ -41,7 +41,7 @@ export const Photos = () => {
     <div className="flex flex-col gap-4">
       <Section>
         <div className="flex flex-col gap-2 md:flex-row md:justify-between md:items-center">
-          <h2 className="text-4xl md:text-5xl border-1 px-3 py-2 rounded-xl border-white/5 bg-[#ffb1cd]/5 flex-1">Photos</h2>
+          <h2 className="text-4xl md:text-5xl border-1 px-3 py-2 rounded-xl border-white/5 bg-[#b1ffcd]/5 flex-1">Photos</h2>
           <div className="flex items-center gap-2 flex-1">
             {links.map((item) => (
               <Link href={item.url} key={`photos.link.${item.text}`} className="flex-1">
@@ -49,7 +49,7 @@ export const Photos = () => {
                   icon={item.icon}
                   text={item.text}
                   desc={item.desc}
-                  backgroundColor={"#ffb1cd"}
+                  backgroundColor={"#b1ffcd"}
                   backgroundOpacity={"5%"}
                 />
               </Link>
diff --git a/app/Section/Projects.tsx b/app/Section/Projects.tsx
index 307a6d9..e91066b 100644
--- a/app/Section/Projects.tsx
+++ b/app/Section/Projects.tsx
@@ -54,7 +54,7 @@ export const Projects = () => {
       <div className="grid grid-cols-1 gap-2 md:grid-cols-2 xl:grid-cols-3">
         {links.map((item) => (
           <Link href={item.url} key={`projects.link.${item.text}`}>
-            <IconWithText icon={item.icon} text={item.text} desc={item.desc} />
+            <IconWithText icon={item.icon} text={item.text} desc={item.desc} backgroundColor={"#101316"} backgroundOpacity={"5%"} />
           </Link>
         ))}
       </div>