make light/dark mode transition smoother
This commit is contained in:
parent
0f97693500
commit
927e26385c
2 changed files with 2 additions and 0 deletions
|
@ -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",
|
||||||
}),
|
}),
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
|
@ -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",
|
||||||
}}
|
}}
|
||||||
|
|
Loading…
Reference in a new issue