Update background colors

Set instructions box background to muted blue and credits box background to light green.
This commit is contained in:
gpt-engineer-app[bot] 2025-08-22 05:15:49 +00:00
parent dc7d868a8d
commit 6dd022034f

View file

@ -416,7 +416,7 @@ const BulgarianSolitaire: React.FC<BulgarianSolitaireProps> = ({ showSocialShare
)} )}
{/* Instructions */} {/* Instructions */}
<div className="bg-muted/30 rounded-lg p-6 space-y-4"> <div className="bg-blue-50 dark:bg-blue-950/30 border border-blue-200 dark:border-blue-800 rounded-lg p-6 space-y-4">
<button <button
onClick={() => setShowInstructions(!showInstructions)} onClick={() => setShowInstructions(!showInstructions)}
className="text-lg font-semibold text-primary hover:underline cursor-pointer text-left" className="text-lg font-semibold text-primary hover:underline cursor-pointer text-left"
@ -437,7 +437,7 @@ const BulgarianSolitaire: React.FC<BulgarianSolitaireProps> = ({ showSocialShare
</div> </div>
{/* Credits */} {/* Credits */}
<div className="bg-muted/30 rounded-lg p-6 space-y-4"> <div className="bg-green-50 dark:bg-green-950/30 border border-green-200 dark:border-green-800 rounded-lg p-6 space-y-4">
<h3 className="text-lg font-semibold">Credits:</h3> <h3 className="text-lg font-semibold">Credits:</h3>
<p className="text-sm text-muted-foreground"> <p className="text-sm text-muted-foreground">
Find out more about Bulgarian Solitaire on{" "} Find out more about Bulgarian Solitaire on{" "}