chore: update color

huuquyet · May 4, 2024 · 5895f97 · 5895f97
1 parent ff890b7
commit 5895f97
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/app/[aspect]/page.tsx b/src/app/[aspect]/page.tsx
@@ -17,13 +17,13 @@ export default function Page({ params }: { params: { aspect: string } }) {
     <>
       <div className="mx-auto flex flex-col flex-wrap w-full items-center md:flex-row">
         <div className="flex flex-col p-12 w-full items-start justify-center text-center md:w-2/5 md:text-left z-[1]">
-          <p className="w-full uppercase text-sky-500">React Three Fiber</p>
+          <p className="w-full uppercase text-slate-500">React Three Fiber</p>
           <Link href="https://en.wikipedia.org/wiki/Magic_cube" target="_blank">
-            <h1 className="my-4 text-5xl font-bold leading-tight text-slate-400">Magic Cube</h1>
+            <h1 className="my-4 text-5xl font-bold leading-tight text-sky-400">Magic Cube</h1>
           </Link>
           <p className="w-full uppercase text-slate-400">Aspect {aspect}</p>
           <Link href="/">
-            <p className="mb-8 text-2xl leading-normal text-sky-400">Back to home</p>
+            <p className="mb-8 text-2xl leading-normal underline text-sky-500">← Back to home</p>
           </Link>
         </div>
       </div>

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -25,8 +25,8 @@ const Aspect = ({ aspect }: { aspect: number }) => {
     <div className="mx-auto flex flex-col flex-wrap w-full items-center lg:w-4/5 md:flex-row">
       <div className="flex flex-col p-12 w-full items-start justify-center text-center md:w-2/5 md:text-left">
         <Link href={`/${aspect}`}>
-          <h1 className="w-full my-4 text-5xl font-bold leading-tight text-sky-500">Magic Cube</h1>
-          <p className="w-full uppercase text-slate-400">Aspect {aspect}</p>
+          <h1 className="w-full my-4 text-5xl font-bold leading-tight text-sky-600">Magic Cube</h1>
+          <p className="w-full underline text-slate-400">Aspect {aspect} →</p>
         </Link>
       </div>