From 56ba3f3d0e161ceb0dc642b13018c99f2f7bd1da Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Fri, 20 Dec 2024 00:52:33 +0000
Subject: [PATCH] fix: improve color contrast for Safari

Co-Authored-By: Yush G <aayushgupta05@gmail.com>
---
 src/app/components/BlueprintCard.tsx | 4 ++--
 tailwind.config.ts                   | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/app/components/BlueprintCard.tsx b/src/app/components/BlueprintCard.tsx
index 6873a46..65108e1 100644
--- a/src/app/components/BlueprintCard.tsx
+++ b/src/app/components/BlueprintCard.tsx
@@ -32,7 +32,7 @@ const BlueprintCard = ({ blueprint, setStarred, setUnStarred, starred }: Bluepri
           <h2 className="text-xl font-bold">{blueprint.props.title}</h2>
           {isLoggedIn && (
             <span
-              className={`hidden flex-row gap-1 rounded-full px-2 py-1 text-xs font-semibold md:flex ${getStatusColorLight(
+              className={`hidden flex-row gap-1 rounded-full px-2 py-1 text-xs font-semibold md:flex text-white ${getStatusColorLight(
                 blueprint.props.status
               )}`}
             >
@@ -95,7 +95,7 @@ const BlueprintCard = ({ blueprint, setStarred, setUnStarred, starred }: Bluepri
         </div>
         <div className="mt-2 flex w-full flex-row items-center justify-between gap-2 md:mt-0 md:w-auto">
           <span
-            className={`flex flex-row gap-1 rounded-full px-2 py-1 text-xs font-semibold md:hidden ${getStatusColorLight(
+            className={`flex flex-row gap-1 rounded-full px-2 py-1 text-xs font-semibold md:hidden text-white ${getStatusColorLight(
               blueprint.props.status
             )}`}
           >
diff --git a/tailwind.config.ts b/tailwind.config.ts
index ccf7d4d..31cd458 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -25,12 +25,13 @@ const config: Config = {
         },
         warning: '#D7AE0B',
         neutral: {
-          '100': '#F5F3EF',
+          '100': '#FFFFFF',
         },
         success: '#34C759',
         green: {
           '100': '#EDFFF1',
           '300': '#278266',
+          '500': '#22A66D',
         },
         brand: {
           '400': '#68A3E9',