Change focusBorderColor globaly

A clear and concise description of what the problem is. Ex. I’m always frustrated when […] I’ve seen here i can customize input borders with the focusBorderColor.   https://github.com/chakra-ui/chakra-ui/blob/24b9df8b73c45735579f4a9e5a16e71b3703f432/packages/chakra-ui-docs/pages/input.mdx

Is there a place in theme.js that i should use to change these for every input instance instead of having to pass that param for each one?

[tomaszgil]

Stumbled upon this issue as well - I wanted to tweak focus color for inputs. Using defaultProps worked for me well here.

const Input = {
  baseStyle: {
    field: {
      background: 'pink',
      color: 'gray.700',
    },
  },
  defaultProps: {
    focusBorderColor: 'brand.700',
  },
}

With that there’s not need to create custom wrapper components. Hope it helps.

[sohhamm]

Please allow us to override global _focus property