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),
),
),
),
);
}