Estou construindo um PWA utilizando o expo, e para definir meu tema estou utilizando o styled-components. Configurei corretamente todo o ThemeProvider, declarei o módulo no styled.d.ts mas na web o tema não é carregado, já testei emulando dentro do meu dispositivo android e o tema é carregado normalmente, apenas na web fica retornando um tema vazio. Não posso utilizar ThemeProvider na web? Ou está faltando alguma configuração por ser Web?
styled.d.ts
import "styled-components"
import theme from "../src/global/theme"
declare module 'styled-components' {
type ThemeType = typeof theme
export interface DefaultTheme extends ThemeType {}
}
theme.ts
export default {
colors: {
primary: "#21BDCA",
background: "#E5E5E5",
backgroundSecondary: "#FFFFFF",
tile: "#121212",
reading: "#363636",
placeholder: "#8A8D9F",
icon: "#FD4E4E",
iconSecondary: "#494747"
},
fonts: {},
}
App.tsx
<ThemeProvider theme={theme}>
<AuthProvider>
<NavigationContainer>
<Routes />
</NavigationContainer>
</AuthProvider>
</ThemeProvider>
style onde quero usar o theme
import styled from "styled-components/native";
export const Container = styled.View`
flex: 1;
align-items: center;
justify-content: center;
background: ${props => props.theme.colors.background};
`;