Чакра-пользовательский интерфейс, удаляющий цвет фона по умолчанию

#next.js #tailwind-css #chakra-ui

Вопрос:

Я использую @chakra-ui/реагирую с CSS попутного ветра и NextJS. Я установил цвет фона black в своем globals.css файле:

 body {  background-color: black; }  

Но я не вижу, чтобы применялся черный цвет, я вижу только белый экран. Это сработало до того, как я переключился на чакру, так что я полагаю, что это как-то связано с этим.

Это мое app.js файл:

 import { ChakraProvider } from '@chakra-ui/react' import 'tailwindcss/tailwind.css' import '../styles/globals.css' // file which sets the body's background-color to black  function MyApp({ Component, pageProps }) {  return (  lt;ChakraProvidergt;  lt;Component {...pageProps} /gt;  lt;/ChakraProvidergt;  ) }  export default MyApp  

Я предполагаю, что это из-за темы чакры по умолчанию? Как бы я его отключил?