From 6bafb50c7be68562920fbcb7ab08f72f98a1bf2a Mon Sep 17 00:00:00 2001 From: G Date: Wed, 24 Apr 2024 15:20:47 +0000 Subject: [PATCH] rename AppTheme -> Theme --- App.tsx | 2 +- src/components/bases/Box.tsx | 4 ++-- src/components/bases/Text.tsx | 4 ++-- src/themes/AppTheme.tsx | 43 ------------------------------------------- src/themes/Theme.tsx | 43 +++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 48 insertions(+), 48 deletions(-) delete mode 100644 src/themes/AppTheme.tsx create mode 100644 src/themes/Theme.tsx diff --git a/App.tsx b/App.tsx index 4a861c8..27868e4 100644 --- a/App.tsx +++ b/App.tsx @@ -1,6 +1,6 @@ +import theme from "@/themes/Theme"; import Text from "@components/bases/Text"; import { ThemeProvider } from "@shopify/restyle"; -import theme from "@themes/AppTheme"; import { StatusBar } from "expo-status-bar"; import { StyleSheet, View } from "react-native"; diff --git a/src/components/bases/Box.tsx b/src/components/bases/Box.tsx index a0a9c59..08db90c 100644 --- a/src/components/bases/Box.tsx +++ b/src/components/bases/Box.tsx @@ -1,6 +1,6 @@ +import type { Theme } from "@/themes/Theme"; import { createBox } from "@shopify/restyle"; -import type { AppTheme } from "@themes/AppTheme"; -const Box = createBox(); +const Box = createBox(); export default Box; diff --git a/src/components/bases/Text.tsx b/src/components/bases/Text.tsx index b9bd178..ad64fae 100644 --- a/src/components/bases/Text.tsx +++ b/src/components/bases/Text.tsx @@ -1,6 +1,6 @@ +import type { Theme } from "@/themes/Theme"; import { createText } from "@shopify/restyle"; -import type { AppTheme } from "@themes/AppTheme"; -const Text = createText(); +const Text = createText(); export default Text; diff --git a/src/themes/AppTheme.tsx b/src/themes/AppTheme.tsx deleted file mode 100644 index 5ffefba..0000000 --- a/src/themes/AppTheme.tsx +++ /dev/null @@ -1,43 +0,0 @@ -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; diff --git a/src/themes/Theme.tsx b/src/themes/Theme.tsx new file mode 100644 index 0000000..edb4d55 --- /dev/null +++ b/src/themes/Theme.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 Theme = typeof theme; +export default theme; -- libgit2 0.27.1