sflite/constants/theme.ts

/**
 * 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",
  },
});