Блог

Главная - Вопросы по программированию - реагируй Я хочу изменить фон глобального стиля в теме чакры.ts с помощью реквизита

реагируй Я хочу изменить фон глобального стиля в теме чакры.ts с помощью реквизита

#reactjs #next.js #chakra-ui

Вопрос:

Я хочу изменить фон тела для каждой страницы.
Для PageA я хочу, чтобы задний план был белым, а для PageB я хочу, чтобы фон был серым.
Я установил фон в глобальном стиле пользовательского интерфейса chakra, и я хочу иметь возможность изменять цвет фона в реквизите.

 // theme.ts
import { extendTheme } from '@chakra-ui/react';

export const theme = extendTheme({
  styles: {
    global: {
      'html, body': {
        color: 'black',
        background: 'white',
      },
    },
  },
});

 
 _app.tsx
<ChakraProvider theme={theme}>
  <App />
</ChakraProvider>

Комментарии:

1. Это хороший вопрос, и, к сожалению, я не могу вам помочь. Ваш вопрос помог мне настроить свой фон глобально, так что спасибо за это! Где в документации вы нашли этот способ указания фона?

Метки: