RN & Flutter tools
// RN & Flutter

Flutter Theme

> Generate a ThemeData + ColorScheme starter from your brand palette.

theme.cfg
theme.dart
import 'package:flutter/material.dart';

ThemeData buildAppTheme() {
  const primary = Color(0xFF00FF88);
  const secondary = Color(0xFF00D4FF);
  const background = Color(0xFF0A0A0F);
  const surface = Color(0xFF12121A);
  const error = Color(0xFFFF3366);

  final scheme = ColorScheme.fromSeed(
    seedColor: primary,
    brightness: Brightness.dark,
    primary: primary,
    secondary: secondary,
    surface: surface,
    error: error,
  );

  return ThemeData(
    useMaterial3: true,
    colorScheme: scheme,
    scaffoldBackgroundColor: background,
    fontFamily: 'Roboto',
    appBarTheme: AppBarTheme(
      backgroundColor: primary,
      foregroundColor: Colors.white,
      elevation: 0,
    ),
    elevatedButtonTheme: ElevatedButtonThemeData(
      style: ElevatedButton.styleFrom(
        backgroundColor: primary,
        foregroundColor: Colors.white,
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(12),
        ),
      ),
    ),
  );
}