From 905b41aa7c2f6ec8bf18f881c3178dfd6bc33997 Mon Sep 17 00:00:00 2001
From: Matt Dunn-Rankin <mattdunnrankin@khanacademy.org>
Date: Sun, 10 May 2020 01:21:24 -0700
Subject: [PATCH] use error color for invalid poses
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

I tweaked it to be a bit less aggressive of a red 😅
---
 src/app/SpeciesColorPicker.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/app/SpeciesColorPicker.js b/src/app/SpeciesColorPicker.js
index 3c27431..8a8d84c 100644
--- a/src/app/SpeciesColorPicker.js
+++ b/src/app/SpeciesColorPicker.js
@@ -61,6 +61,8 @@ function SpeciesColorPicker({
       _hover={{
         borderColor: "green.400",
       }}
+      isInvalid={valids && !pairIsValid(valids, speciesId, colorId)}
+      errorBorderColor="red.300"
       {...props}
     />
   );