From 030fac191a0b52e978d37a2d4918feffd3681c6e Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Thu, 26 Oct 2023 18:14:54 +0100
Subject: [PATCH] pp-blue

---
 src/components/player/PlayerInfo.tsx    | 2 +-
 src/components/player/PlayerRanking.tsx | 2 +-
 tailwind.config.ts                      | 3 +++
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/player/PlayerInfo.tsx b/src/components/player/PlayerInfo.tsx
index b14a7b6..31bcb64 100644
--- a/src/components/player/PlayerInfo.tsx
+++ b/src/components/player/PlayerInfo.tsx
@@ -193,7 +193,7 @@ export default function PlayerInfo({ playerData }: PlayerInfoProps) {
             </div>
 
             {/* PP */}
-            <div className="flex items-center text-gray-300">
+            <div className="text-pp-blue flex items-center">
               <p>{formatNumber(playerData.pp)}pp</p>
             </div>
           </div>
diff --git a/src/components/player/PlayerRanking.tsx b/src/components/player/PlayerRanking.tsx
index 4575f54..0a19b0a 100644
--- a/src/components/player/PlayerRanking.tsx
+++ b/src/components/player/PlayerRanking.tsx
@@ -46,7 +46,7 @@ export default function PlayerRanking({
           </p>
         </Link>
       </td>
-      <td className="px-4 py-2">{formatNumber(player.pp)}pp</td>
+      <td className="text-pp-blue px-4 py-2">{formatNumber(player.pp)}pp</td>
       <td className="px-4 py-2">
         {formatNumber(player.scoreStats.totalPlayCount)}
       </td>
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 4f0afff..843b05b 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -15,6 +15,9 @@ const config: Config = {
         "gradient-conic":
           "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
       },
+      textColor: {
+        "pp-blue": "#9fa8f3",
+      },
     },
     screens: {
       ...defaultTheme.screens,