The theme object is where you define your application's color palette, type scale, font stacks, breakpoints, border radius values, and more. You can either create your own theme object or use theme that provide from refine. You can find more information about theme in Chakra UI documentation.
Refer to the Chakra UI documentation for more information about theme. →
<ChakraProvider/> component can be used to change theme and other global settings. It is not required if you decide to use the default theme. You can also use
refineTheme provided by refine.
Chakra UI comes with built-in support for managing color mode in your apps. You can manage the color mode on refine applications such as Chakra UI applications.
Chakra stores the color mode in
localStorage and appends a className to the body to ensure the color mode is persistent.
Refer to the Chakra UI documentation for more information about color mode. →
If you want to customize the default layout elements provided with
@refinedev/chakra-ui package, check out the Custom Layout tutorial.