From 71e1112b637d0c748b846654727cc201e6b773a1 Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Wed, 12 Aug 2020 00:43:26 -0700
Subject: [PATCH] fix bad dark mode color in item support drawer

---
 src/app/WardrobePage/support/ItemSupportDrawer.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/WardrobePage/support/ItemSupportDrawer.js b/src/app/WardrobePage/support/ItemSupportDrawer.js
index f57bbba..dd22a76 100644
--- a/src/app/WardrobePage/support/ItemSupportDrawer.js
+++ b/src/app/WardrobePage/support/ItemSupportDrawer.js
@@ -280,6 +280,9 @@ function ItemSupportAppearanceLayer({
 }) {
   const { isOpen, onOpen, onClose } = useDisclosure();
 
+  const iconButtonBgColor = useColorModeValue("green.100", "green.300");
+  const iconButtonColor = useColorModeValue("green.800", "gray.900");
+
   return (
     <Box
       as="button"
@@ -314,7 +317,8 @@ function ItemSupportAppearanceLayer({
               opacity: 1;
             }
           `}
-          background="green.100"
+          background={iconButtonBgColor}
+          color={iconButtonColor}
           borderRadius="full"
           boxShadow="sm"
           position="absolute"