Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Sugestão] Sugestão ...

Para que a propriedade theme seja reconhecida, é necessário envolver a aplicação em um componente ThemeProvider, que irá fornecer o objeto de tema para toda a árvore de componentes filhos. O código de Gabriel deveria ser algo parecido com isso:

import { ThemeProvider } from 'styled-components';

const App = ()=>{ return( <ThemeProvider theme={/* objeto com as cores do tema selecionado */}> Cadastrar Cliente ) }

const ContainerPagina = styled.divbackground-color:${({theme})=>theme.corFundo};

Dessa forma, o ThemeProvider fornecerá o objeto de tema para o componente ContainerPagina através da propriedade theme, permitindo que o styled-component obtenha a cor de fundo correta para o tema selecionado.

1 resposta
solução!

Olá Jefferson, tudo bem?

Agradeço por compartilhar sua resposta com a gente. Realmente, é necessário envolver a aplicação em um componente ThemeProvider para que a propriedade theme seja reconhecida e fornecida para toda a árvore de componentes filhos.

O código que você compartilhou está correto e deve funcionar bem para abstrair o CSS com Styled Components.

Um abraço e bons estudos.