make light/dark mode transition smoother

This commit is contained in:
Emi Matchu 2020-08-12 01:46:27 -07:00
parent 0f97693500
commit 927e26385c
2 changed files with 2 additions and 0 deletions

View file

@ -17,6 +17,7 @@ const theme = {
global: ({ colorMode, ...rest }) => ({ global: ({ colorMode, ...rest }) => ({
...defaultTheme.styles.global({ colorMode, ...rest }), ...defaultTheme.styles.global({ colorMode, ...rest }),
color: colorMode === "light" ? "green.800" : "green.50", color: colorMode === "light" ? "green.800" : "green.50",
transition: "all 0.25s",
}), }),
}, },
}; };

View file

@ -80,6 +80,7 @@ function SpeciesColorPicker({
borderColor={borderColor} borderColor={borderColor}
boxShadow="md" boxShadow="md"
width="auto" width="auto"
transition="all 0.25s"
_hover={{ _hover={{
borderColor: "green.400", borderColor: "green.400",
}} }}