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
2020-09-24 07:19:29 -07:00 · 2020-09-24 07:19:29 -07:00 · 2a8ac4ad65
commit 2a8ac4ad65
parent e5ce4a4a42
1 changed files with 4 additions and 3 deletions
--- 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",