From 854a7723b15b449d3865a637a2b20c8143247c41 Mon Sep 17 00:00:00 2001 From: g-ouattara Date: Tue, 23 Apr 2024 21:05:48 +0000 Subject: [PATCH] basic app theme, default from documentation. will be updated later --- src/themes/AppTheme.tsx | 43 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) create mode 100644 src/themes/AppTheme.tsx 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; -- libgit2 0.27.1