From 2a8ac4ad65c119c0a8647f02a48cf95f9b02564d Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Thu, 24 Sep 2020 07:19:29 -0700
Subject: [PATCH] improve contrast on play/pause button

I had trialed it on darker backgrounds, but on lighter ones we just need a higher base contrast imo
---
 src/app/WardrobePage/OutfitControls.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/app/WardrobePage/OutfitControls.js b/src/app/WardrobePage/OutfitControls.js
index b7a5636..4da96ef 100644
--- a/src/app/WardrobePage/OutfitControls.js
+++ b/src/app/WardrobePage/OutfitControls.js
@@ -259,11 +259,12 @@ function PlayPauseButton() {
     <Button
       leftIcon={isPaused ? <MdPause /> : <MdPlayArrow />}
       size="sm"
-      color="gray.300"
+      color="gray.100"
       variant="outline"
-      borderColor="gray.300"
+      borderColor="gray.200"
       borderRadius="full"
-      backgroundColor="blackAlpha.500"
+      backgroundColor="blackAlpha.600"
+      boxShadow="md"
       marginTop="0.3rem" // to center-align with buttons (not sure on amt?)
       _hover={{
         backgroundColor: "gray.600",