diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx
index ec85e3e..6eeddd8 100755
--- a/app/components/Footer.tsx
+++ b/app/components/Footer.tsx
@@ -24,11 +24,11 @@ const Footer = () => {
     return (
         <div className="flex flex-col gap-2 place-items-center mt-8 border-t w-full border-gray-700">
             <div className="mt-4">
-                <p className="text-xl px-4 cursor-pointer capitalize font-medium text-gray-300">Win Pattanaphol 2023</p>
+                <p className="text-xl px-4 cursor-pointer capitalize font-medium text-black dark:text-gray-300">Win Pattanaphol</p>
             </div>
 
             <div>
-                <code className="text-sm px-4 cursor-pointer font-medium text-gray-300">wins.dominoes2007@gmail.com</code>
+                <p className="text-sm px-4 cursor-pointer font-medium text-black dark:text-gray-300">Made with ❤️ and <Link href="https://github.com/WinsDominoes/website" className="font-bold underline decoration-2 decoration-sky-500">open-source</Link></p>
             </div>
         </div>
     );
diff --git a/app/components/Photo.tsx b/app/components/Photo.tsx
index ae5a6a6..1e161fa 100755
--- a/app/components/Photo.tsx
+++ b/app/components/Photo.tsx
@@ -27,7 +27,7 @@ const Photo = ({src, href, alt, dim}: any) => {
                             alt={alt} 
                         />
     
-                        <span className="text-xs m-2 text-zinc-400">{alt}</span>
+                        <span className="text-xs m-2 text-zinc-600 dark:text-zinc-400">{alt}</span>
                     </div>
                 </div>  
             </div>    
@@ -50,7 +50,7 @@ const Photo = ({src, href, alt, dim}: any) => {
                                 alt={alt} 
                             />
     
-                            <span className="text-xs m-2 text-zinc-400">{alt}</span>
+                            <span className="text-xs m-2 text-zinc-600 dark:text-zinc-400">{alt}</span>
                         </div>
                     </div>
                 </Link>   
diff --git a/app/hobbies/page.tsx b/app/hobbies/page.tsx
index 44d3a1d..6656b4e 100755
--- a/app/hobbies/page.tsx
+++ b/app/hobbies/page.tsx
@@ -148,7 +148,7 @@ export default function Hobbies() {
                                 </div>
                             </div>
                             <div className="flex col-span-6 justify-center">
-                                <p className='text-sm text-slate-400'>Photos by <Link href="https://www.facebook.com/attaste.rmutt"><span className="underline">ATTASTE</span></Link> & <Link href="https://www.facebook.com/Fashionrmutt"><span className="underline">FDCI</span></Link></p>
+                                <p className='text-sm text-slate-600 dark:text-slate-400'>Photos by <Link href="https://www.facebook.com/attaste.rmutt"><span className="underline">ATTASTE</span></Link> & <Link href="https://www.facebook.com/Fashionrmutt"><span className="underline">FDCI</span></Link></p>
                             </div>
                         </div>
                     </div>
diff --git a/app/projects/page.tsx b/app/projects/page.tsx
index 2834679..622851c 100755
--- a/app/projects/page.tsx
+++ b/app/projects/page.tsx
@@ -233,7 +233,7 @@ export default function Projects() {
                                             className='rounded'
                                             src="/images/photos/school-work/robotics/lego-league/robot-movement.mp4">
                                         </video>
-                                        <span className="text-xs m-2 text-zinc-400">First LEGO League Robot Test Run</span>
+                                        <span className="text-xs m-2 text-zinc-600 dark:text-zinc-400">First LEGO League Robot Test Run</span>
                                     </div>
                                 </div>
                                 <div className="grid gap-4 content-center">
@@ -247,7 +247,7 @@ export default function Projects() {
                             </div>
                         </div>
                         <div className="col-span-6 flex justify-center">
-                            <p className="text-sm text-zinc-400">
+                            <p className="text-sm text-zinc-600 dark:text-zinc-400">
                                 Photos by <Link href="https://www.facebook.com/rugbyschoolthailand" className="underline hover:text-zinc-500">Rugby School Thailand</Link>
                             </p>
                         </div>
@@ -275,7 +275,7 @@ export default function Projects() {
                             </div>
                         </div>
                         <div className="col-span-6 flex justify-center">
-                            <p className="text-sm text-zinc-400">
+                            <p className="text-sm text-zinc-600 dark:text-zinc-400">
                                 Photos by <Link href="https://www.facebook.com/rugbyschoolthailand" className="underline hover:text-zinc-500">Rugby School Thailand</Link>
                             </p>
                         </div>
@@ -309,7 +309,7 @@ export default function Projects() {
                         </div>
 
                         <div className="col-span-6 flex justify-center">
-                            <p className="text-sm text-zinc-400">
+                            <p className="text-sm text-zinc-600 dark:text-zinc-400">
                                 Photos by <Link href="https://www.facebook.com/rugbyschoolthailand" className="underline hover:text-zinc-500">Rugby School Thailand</Link>
                             </p>
                         </div>