/** * Below are the colors that are used in the app. The colors are defined in the light and dark mode. * There are many other ways to style your app. For example, [Nativewind](https://www.nativewind.dev/), [Tamagui](https://tamagui.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc. */ import { Platform } from 'react-native'; const tintColorLight = '#3E7A4A'; const tintColorDark = '#86B77B'; export const Colors = { light: { text: '#2B2B23', background: '#F6F1E8', tint: tintColorLight, icon: '#6C7A63', tabIconDefault: '#7A8570', tabIconSelected: tintColorLight, card: '#FFFFFF', surface: '#F3EFE6', border: '#D9D1C2', muted: '#6B736D', input: '#FFFFFF', placeholder: '#8C9386', success: '#2F7D4F', warning: '#B45309', danger: '#B42318', textOnTint: '#F7FBF3', }, dark: { text: '#F1EEE6', background: '#1B1F16', tint: tintColorDark, icon: '#B3BBA7', tabIconDefault: '#B3BBA7', tabIconSelected: tintColorDark, card: '#23281E', surface: '#1F241A', border: '#3A4334', muted: '#A4AD9A', input: '#23281E', placeholder: '#7C8577', success: '#7FD08A', warning: '#F5B454', danger: '#F97066', textOnTint: '#112015', }, }; export const Fonts = Platform.select({ ios: { /** iOS `UIFontDescriptorSystemDesignDefault` */ sans: 'system-ui', /** iOS `UIFontDescriptorSystemDesignSerif` */ serif: 'ui-serif', /** iOS `UIFontDescriptorSystemDesignRounded` */ rounded: 'ui-rounded', /** iOS `UIFontDescriptorSystemDesignMonospaced` */ mono: 'ui-monospace', }, default: { sans: 'normal', serif: 'serif', rounded: 'normal', mono: 'monospace', }, web: { sans: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif", serif: "Georgia, 'Times New Roman', serif", rounded: "'SF Pro Rounded', 'Hiragino Maru Gothic ProN', Meiryo, 'MS PGothic', sans-serif", mono: "SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace", }, });