18 lines
463 B
TypeScript
18 lines
463 B
TypeScript
import { defineRecipe } from '@chakra-ui/react';
|
|
|
|
|
|
const textAreaTheme = defineRecipe({
|
|
variants: {
|
|
variant: {
|
|
outline: {
|
|
bg: { _light: 'gray.50', _dark: 'whiteAlpha.50' },
|
|
borderColor: { _light: 'blackAlpha.100', _dark: 'whiteAlpha.100' },
|
|
_focus: {
|
|
borderColor: { _light: 'brand.500', _dark: 'brand.300' },
|
|
boxShadow: `0 0 0 1px brand.500`,
|
|
},
|
|
},
|
|
}
|
|
},
|
|
});
|
|
export default textAreaTheme; |