From b19749adcca3e927e2b341587b402c17ab4e3ebc Mon Sep 17 00:00:00 2001
From: Vikeo <thevikeo@gmail.com>
Date: Fri, 24 May 2024 23:42:53 +0200
Subject: [PATCH] starting player blur

---
 src/Components/PreStartGame/StartingPlayerCard.tsx | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/Components/PreStartGame/StartingPlayerCard.tsx b/src/Components/PreStartGame/StartingPlayerCard.tsx
index c23c813..668b93c 100644
--- a/src/Components/PreStartGame/StartingPlayerCard.tsx
+++ b/src/Components/PreStartGame/StartingPlayerCard.tsx
@@ -24,15 +24,9 @@ export const StartingPlayerCard = ({ player }: { player: Player }) => {
 
   return (
     <div
-      className="z-20 flex absolute w-full h-full justify-center items-center select-none cursor-pointer webkit-user-select-none"
+      className="z-20 flex absolute w-full h-full justify-center items-center select-none cursor-pointer webkit-user-select-none backdrop-blur-xl"
       style={{
         rotate: `${calcRotation}deg`,
-        backgroundImage:
-          !randomizingPlayer ||
-          (settings.preStartMode !== PreStartMode.None &&
-            settings.preStartMode !== PreStartMode.FingerGame)
-            ? `radial-gradient(circle at center, ${player.color}, ${baseColors.primary.main})`
-            : 'none',
       }}
       onClick={() => {
         setPlaying(true);
@@ -43,7 +37,7 @@ export const StartingPlayerCard = ({ player }: { player: Player }) => {
           rotate: `${calcTextRotation}deg`,
         }}
       >
-        <div className="flex flex-col justify-center items-center">
+        <div className="flex flex-col justify-center items-center text-text-primary font-semibold">
           <Paragraph>👑</Paragraph>
           {(!randomizingPlayer ||
             (settings.preStartMode !== PreStartMode.None &&