diff --git a/src/app/(pages)/globals.css b/src/app/(pages)/globals.css
index f647461..5a9dd54 100644
--- a/src/app/(pages)/globals.css
+++ b/src/app/(pages)/globals.css
@@ -12,7 +12,7 @@
     --popover-foreground: 240 10% 3.9%;
     --primary: 142.1 76.2% 36.3%;
     --primary-foreground: 355.7 100% 97.3%;
-    --secondary: 240 4.8% 95.9%;
+    --secondary: 210 10% 96%;
     --secondary-foreground: 240 5.9% 10%;
     --muted: 240 4.8% 95.9%;
     --muted-foreground: 240 3.8% 46.1%;
diff --git a/src/app/(pages)/player/[id]/page.tsx b/src/app/(pages)/player/[id]/page.tsx
index 9c6ea8b..7365c3f 100644
--- a/src/app/(pages)/player/[id]/page.tsx
+++ b/src/app/(pages)/player/[id]/page.tsx
@@ -72,7 +72,7 @@ export default async function Page({ params }: Params): Promise<JSX.Element> {
             <div className="flex flex-col gap-2">
               <div>
                 <h2 className="text-xl">{player.username}</h2>
-                <p className="text-gray-300">{player.uniqueId}</p>
+                <p className="text-primary">{player.uniqueId}</p>
               </div>
 
               <div className="flex flex-col gap-2">
diff --git a/src/app/(pages)/server/[platform]/[hostname]/page.tsx b/src/app/(pages)/server/[platform]/[hostname]/page.tsx
index 6041452..963e880 100644
--- a/src/app/(pages)/server/[platform]/[hostname]/page.tsx
+++ b/src/app/(pages)/server/[platform]/[hostname]/page.tsx
@@ -94,7 +94,7 @@ export default async function Page({ params: { platform, hostname } }: Params):
 
               <div className="flex flex-col">
                 <h2 className="text-xl">{server.hostname}</h2>
-                <div className="text-gray-300">
+                <div className="text-primary">
                   <p>
                     Players online: {server.players.online}/{server.players.max}
                   </p>