diff --git a/app/(sharing)/[token]/[id]/page.tsx b/app/(sharing)/[token]/[id]/page.tsx
index da8d298..9cc1b8d 100644
--- a/app/(sharing)/[token]/[id]/page.tsx
+++ b/app/(sharing)/[token]/[id]/page.tsx
@@ -43,56 +43,56 @@ export default async function Share({
   );
 
   return (
-    <div className="min-h-screen bg-primary">
+    <div className="min-h-screen bg-primary-foreground">
       <div className="flex flex-col items-center justify-center space-y-4 p-4 dark:text-black">
-        <div className="w-full rounded-sm bg-primary-foreground p-4 dark:text-black">
+        <div className="w-full rounded-sm bg-gray-400 p-4 dark:bg-red-700 dark:text-black">
           {chunithm.map((song) => (
             <div key={song.id} className="w-full">
-              <span className="text-center text-xl font-bold text-primary">
+              <span className="text-center text-xl font-bold text-primary text-white">
                 Song: {song.title}
               </span>
             </div>
           ))}
         </div>
 
-        <div className="w-full rounded-sm bg-primary-foreground p-4">
+        <div className="d w-full rounded-sm bg-gray-400 bg-primary-foreground p-4 dark:bg-red-700">
           {chunithm.map((song) => (
             <div key={song.id} className="w-full">
-              <span className="text-center text-xl font-bold text-primary">
+              <span className="text-xl font-bold text-primary text-white">
                 Artist: {song.artist}
               </span>
             </div>
           ))}
         </div>
 
-        <div className="w-full rounded-sm bg-primary-foreground p-4">
+        <div className="w-full rounded-sm bg-gray-400 bg-primary-foreground p-4 dark:bg-red-700">
           {chunithm.map((song) => (
             <div key={song.id} className="w-full">
-              <span className="text-center text-xl font-bold text-primary">
+              <span className="text-center text-xl font-bold text-primary text-white">
                 Score: {song.score?.toLocaleString()}
               </span>
             </div>
           ))}
         </div>
 
-        <div className="w-full rounded-sm bg-primary-foreground p-4">
+        <div className="w-full rounded-sm bg-gray-400 bg-primary-foreground p-4 dark:bg-red-700">
           {chunithm.map((song) => (
             <div key={song.id} className="w-full">
-              <span className="text-center text-xl font-bold text-primary">
+              <span className="text-center text-xl font-bold text-primary text-white">
                 Rank: {getGrade(song.score ?? 0)}
               </span>
             </div>
           ))}
         </div>
-        <div className="w-full rounded-sm bg-primary-foreground p-4">
+        <div className="w-full rounded-sm bg-gray-400 bg-primary-foreground p-4 dark:bg-red-700">
           {chunithm.map((song) => (
             <div key={song.id} className="w-full">
               <div className="flex items-center justify-start">
-                <span className="text-xl font-bold text-primary">
+                <span className="text-xl font-bold text-primary text-white">
                   {song.isFullCombo ? `FULL COMBO!  ${song.maxCombo}` : ""}
                 </span>
                 {!song.isFullCombo && (
-                  <span className="text-xl font-bold text-primary">
+                  <span className="text-xl font-bold text-primary text-white">
                     Max combo: {song.maxCombo}
                   </span>
                 )}
@@ -104,17 +104,17 @@ export default async function Share({
           {chunithm.map((song) => (
             <div key={song.id} className="w-full">
               <div className="flex flex-col items-center justify-center">
-                <span className="text-md w-full rounded-md bg-[#58329F] p-2 text-center font-bold text-primary shadow-[inset_0px_3px_6px_0px_#1a202c]">
+                <span className="text-md w-full rounded-md bg-[#58329F] p-2 text-center font-bold text-primary text-white shadow-[inset_0px_3px_6px_0px_#1a202c]">
                   Justice Critcal: {song.judgeCritical! + song.judgeHeaven!}
                 </span>
-                <span className="text-md mt-5 w-full rounded-md bg-[#58329F] p-2 text-center font-bold text-primary shadow-[inset_0px_3px_6px_0px_#1a202c]">
+                <span className="text-md mt-5 w-full rounded-md bg-[#58329F] p-2 text-center font-bold text-primary text-white shadow-[inset_0px_3px_6px_0px_#1a202c]">
                   Justice: {song.judgeJustice}
                 </span>
 
-                <span className="text-md mt-5 w-full rounded-md bg-[#58329F] p-2 text-center font-bold text-primary shadow-[inset_0px_3px_6px_0px_#1a202c]">
+                <span className="text-md mt-5 w-full rounded-md bg-[#58329F] p-2 text-center font-bold text-primary text-white shadow-[inset_0px_3px_6px_0px_#1a202c]">
                   Attack: {song.judgeAttack}
                 </span>
-                <span className="text-md mt-5 w-full rounded-md bg-[#58329F] p-2 text-center font-bold text-primary shadow-[inset_0px_3px_6px_0px_#1a202c]">
+                <span className="text-md mt-5 w-full rounded-md bg-[#58329F] p-2 text-center font-bold text-primary text-white shadow-[inset_0px_3px_6px_0px_#1a202c]">
                   Miss: {song.judgeGuilty}
                 </span>
               </div>
diff --git a/app/(sharing)/[token]/token.ts b/app/(sharing)/[token]/token.ts
index b643764..9696b4e 100644
--- a/app/(sharing)/[token]/token.ts
+++ b/app/(sharing)/[token]/token.ts
@@ -48,22 +48,5 @@ export async function shareScore(token: string) {
     };
   }
 
-  // Check if token has expired
-  // const tokenAge =
-  //   new Date().getTime() - new Date(PublicPage.createdAt).getTime();
-  // const tokenAgeLimit = 1000 * 60 * 60 * 24; // 1 day in milliseconds
-
-  // if (tokenAge > tokenAgeLimit) {
-  //   await daphnis.linkSharingToken.update({
-  //     where: {
-  //       token,
-  //     },
-  //     data: {
-  //       tokenExpiredAt: new Date(),
-  //     },
-  //   });
-  //   redirect("/");
-  // }
-
   return { success: true };
 }