theme.ts raw

   1  import { Platform } from 'react-native';
   2  
   3  export const Palette = {
   4    bg: '#0a1a12',
   5    bgElevated: '#112218',
   6    surface: '#1a2e1a',
   7    surfaceDim: '#0d2818',
   8    border: '#1e2e22',
   9    // Softer than the original #f2ead3 — drops a noticeable amount of
  10    // luminance so primary text doesn't burn against the near-black bg
  11    // while staying in the warm forest-cream family.
  12    text: '#ddd0b3',
  13    textMuted: '#a8b89a',
  14    textDim: '#8fb87a',
  15    accent: '#6b8e4e',
  16    accentBright: '#8fb87a',
  17    accentDeep: '#4a6a3a',
  18    highlight: '#b8d49a',
  19    cream: '#e8ddc4',
  20    // Warm amber gold — used sparingly for "act on this" accents that
  21    // need to step outside the forest green family (e.g. the
  22    // "Set as Default Browser" CTA when the app isn't default yet).
  23    gold: '#c9a64a',
  24  };
  25  
  26  const tint = Palette.accentBright;
  27  
  28  export const Colors = {
  29    light: {
  30      text: Palette.text,
  31      background: Palette.bg,
  32      tint,
  33      icon: Palette.textMuted,
  34      tabIconDefault: Palette.textMuted,
  35      tabIconSelected: tint,
  36    },
  37    dark: {
  38      text: Palette.text,
  39      background: Palette.bg,
  40      tint,
  41      icon: Palette.textMuted,
  42      tabIconDefault: Palette.textMuted,
  43      tabIconSelected: tint,
  44    },
  45  };
  46  
  47  export const Fonts = Platform.select({
  48    ios: {
  49      sans: 'system-ui',
  50      serif: 'ui-serif',
  51      rounded: 'ui-rounded',
  52      mono: 'ui-monospace',
  53    },
  54    default: {
  55      sans: 'normal',
  56      serif: 'serif',
  57      rounded: 'normal',
  58      mono: 'monospace',
  59    },
  60    web: {
  61      sans: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
  62      serif: "Georgia, 'Times New Roman', serif",
  63      rounded: "'SF Pro Rounded', sans-serif",
  64      mono: "SFMono-Regular, Menlo, Monaco, monospace",
  65    },
  66  });
  67