diff --git a/src/themes/AppTheme.tsx b/src/themes/AppTheme.tsx new file mode 100644 index 0000000..5ffefba --- /dev/null +++ b/src/themes/AppTheme.tsx @@ -0,0 +1,43 @@ +import { createTheme } from "@shopify/restyle"; + +const palette = { + purpleLight: "#8C6FF7", + purplePrimary: "#5A31F4", + purpleDark: "#3F22AB", + + greenLight: "#56DCBA", + greenPrimary: "#0ECD9D", + greenDark: "#0A906E", + + black: "#0B0B0B", + white: "#F0F2F3", +}; + +const theme = createTheme({ + colors: { + mainBackground: palette.white, + cardPrimaryBackground: palette.purplePrimary, + }, + spacing: { + s: 8, + m: 16, + l: 24, + xl: 40, + }, + textVariants: { + header: { + fontWeight: "bold", + fontSize: 34, + }, + body: { + fontSize: 16, + lineHeight: 24, + }, + defaults: { + // We can define a default text variant here. + }, + }, +}); + +export type AppTheme = typeof theme; +export default theme;