OpenNeo/impress-2020
OpenNeo/impress-2020
1
0
Fork 0
Code Pull requests Activity

improve contrast on play/pause button

Browse source 
I had trialed it on darker backgrounds, but on lighter ones we just need a higher base contrast imo
This commit is contained in:
Emi Matchu 2020-09-24 07:19:29 -07:00
parent e5ce4a4a42
commit 2a8ac4ad65
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/app/WardrobePage/OutfitControls.js
View file

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