From 5a4ff95ac87e0dde2ffcc4199e41a3ab2cec0f82 Mon Sep 17 00:00:00 2001
From: Sam Piper <sampii@protonmail.com>
Date: Tue, 16 Apr 2024 00:20:24 +0100
Subject: [PATCH] fix: any light moders?

---
 .../components/SignedInUserCard/index.tsx      | 18 ++++++++++--------
 .../subcomponents/SignInReasonDisplay.tsx      |  6 +++---
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/apps/forge/src/components/signin/dashboard/components/SignedInUserCard/index.tsx b/apps/forge/src/components/signin/dashboard/components/SignedInUserCard/index.tsx
index 668262d..e86090e 100644
--- a/apps/forge/src/components/signin/dashboard/components/SignedInUserCard/index.tsx
+++ b/apps/forge/src/components/signin/dashboard/components/SignedInUserCard/index.tsx
@@ -66,7 +66,7 @@ export const SignedInUserCard: React.FunctionComponent<SignInUserCardProps> = ({
     }
   };
 
-  const shouldDisplayReason = !(reason?.name === REP_ON_SHIFT || reason?.name === REP_OFF_SHIFT);
+  const shouldDisplayReason = true;
 
   return (
     <Card
@@ -77,12 +77,14 @@ export const SignedInUserCard: React.FunctionComponent<SignInUserCardProps> = ({
         <div className="flex items-center justify-between mb-4">
           <div className="mt-1 ml-1">
             <Link to={`/users/${user.id}` as string}>
-              <h2 className="w-full text-center text-lg font-bold hover:underline">{user.display_name}</h2>
+              <h2 className="w-full text-center text-lg font-bold hover:underline text-black dark:text-white">
+                {user.display_name}
+              </h2>
             </Link>
             {user.teams?.map((team) => (
-              <Badge className="flex items-center justify-start rounded-sm bg-accent m-0.5 w-full">
-                <TeamIcon team={team.name} className="stroke-accent-foreground mr-1" />
-                <text className="text-left ml-2 text-accent-foreground">{team.name}</text>
+              <Badge className="flex items-center justify-start rounded-sm bg-neutral-800 m-0.5 w-full">
+                <TeamIcon team={team.name} className="stroke-white mr-1" />
+                <text className="text-left ml-2 text-white">{team.name}</text>
               </Badge>
             ))}
           </div>
@@ -98,9 +100,9 @@ export const SignedInUserCard: React.FunctionComponent<SignInUserCardProps> = ({
             <Tooltip>
               <PopoverTrigger asChild>
                 <TooltipTrigger asChild>
-                  <Button className="bg-accent" disabled={!onShiftReps}>
-                    <Plus className="stroke-accent-foreground" />
-                    <span>Add</span>
+                  <Button className="bg-neutral-800" disabled={!onShiftReps}>
+                    <Plus className="stroke-white" />
+                    <span className="text-white">Add</span>
                   </Button>
                 </TooltipTrigger>
               </PopoverTrigger>
diff --git a/apps/forge/src/components/signin/dashboard/components/SignedInUserCard/subcomponents/SignInReasonDisplay.tsx b/apps/forge/src/components/signin/dashboard/components/SignedInUserCard/subcomponents/SignInReasonDisplay.tsx
index caa89be..098b431 100644
--- a/apps/forge/src/components/signin/dashboard/components/SignedInUserCard/subcomponents/SignInReasonDisplay.tsx
+++ b/apps/forge/src/components/signin/dashboard/components/SignedInUserCard/subcomponents/SignInReasonDisplay.tsx
@@ -8,13 +8,13 @@ interface SignInReasonDisplayProps {
 export const SignInReasonDisplay: React.FC<SignInReasonDisplayProps> = ({ tools, reason }) => {
   return (
     <>
-      <div className="my-4 px-4 py-3 bg-[#2b2b2b] rounded-lg">
+      <div className="my-4 px-4 py-3 bg-neutral-800 rounded-lg">
         <div className="flex justify-between items-center">
-          <span className="text-sm text-gray-400">Sign In Reason:</span>
+          <span className="text-sm text-gray-200">Sign In Reason:</span>
           <span className="text-sm truncate max-w-[200px]">{reason.name}</span>
         </div>
         <div className="flex justify-between items-center">
-          <span className="text-sm text-gray-400">Tools:</span>
+          <span className="text-sm text-gray-200">Tools:</span>
           <span className="text-sm truncate max-w-[200px]">{tools.join(", ")}</span>
         </div>
       </div>