FeatureBuddy logoFeatureBuddy
React Native

Theming

Learn how to customize the appearance

You can customize the appearance of the FeatureBuddy UI by providing a theme object to the Features component.

import { Features } from '@featurebuddy/react-native';

const apiKey = 'your-api-key';

const theme = {
  primary: '#000000',
  secondary: '#5E5E5E',
  accent: '#FFFFFF',

  primaryBackground: '#FFFFFF',
  secondaryBackground: '#ECECEC',
  accentBackground: '#4B6FEF',
  buttonBackground: '#2B2E38',

  button: '#FFFFFF',
  error: '#DC4F4F',
};

export const FeedbackScreen = () => {
  return <Features apiKey={apiKey} theme={theme} />;
};