Skip to main content

Themes

Fonts​

Available Fonts​

  • SFProText (Apple's system font)
  • Raleway (Default)
  • Poppins
  • Merriweather
  • Roboto

Add New Font​

  1. Place .ttf files in app/assets/fonts/
  2. Run: npx react-native-asset
  3. Add to app/configs/index.ts: 
    fontSupport: [..., 'MyNewFont']
  4. Rebuild: yarn clean && yarn setup && yarn ios/android

Change Default Font​

// app/configs/index.ts
export const Settings = {
  defaultFont: 'Poppins',  // Change here
};

Themes​

Available Themes​

  • Default: Orange-red (#E5634D) + Teal (#4A90A4)
  • Gold: Gold (#fa8c16) + Teal (#4a91a4)
  • Blue: iOS Blue (#007aff) + Teal (#4a91a4)
  • Violet: Purple (#962af0) + Teal (#4a91a4)

Add New Theme​

// app/configs/theme.ts
export const themeSupport = [
  // ... existing themes
  { 
    id: 'emerald', 
    primary: '#10b981', 
    secondary: '#3b82f6' 
  },
];

Resources​