Chakra UI

index.js

import React from 'react'
import ReactDOM from 'react-dom/client'
import './index.css'
import App from './App'


import { ChakraProvider, extendTheme } from '@chakra-ui/react'


const theme = extendTheme({
  styles: {
    global: {
      body: {
        bg: 'gray.900',
        color: 'gray.50',
      },
    },
  },
})


const root = ReactDOM.createRoot(document.getElementById('root'))
root.render(
  <React.StrictMode>
    <ChakraProvider theme={theme}>
      <App />
    </ChakraProvider>
  </React.StrictMode>
)