# Theming
URL: /docs/flutter/theming

***

title: Theming
description: FeatureBuddy Flutter SDK theming
---------------------------------------------

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

```dart
import 'package:featurebuddy/featurebuddy.dart';

void main() {
  FeatureBuddyConfig.configure(apiKey: 'YOUR_API_KEY_GOES_HERE');
  runApp(const MyApp());
}

class FeaturesScreen extends StatelessWidget {
  const FeaturesScreen({super.key});

  static const theme = AppTheme(
    primary: Colors.red,
    secondary: Colors.blue,
    accent: Colors.green,
    primaryBackground: Color(0xFF42A5F5),
    secondaryBackground: Colors.grey,
    accentBackground: Colors.blue,
    buttonBackground: Colors.red,
    button: Colors.white,
    error: Colors.red,
  );

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Features'),
      ),
      body: const FeatureBuddy(theme: theme),
    );
  }
}
```