🎨 How to Customize App Theme Colors (Light & Dark) #
Step 1: Modify Light Theme Colors
📄 File: lib/theme/light_theme.dart
light_theme.dart
import 'package:flutter/material.dart';
ThemeData lightTheme = ThemeData(
brightness: Brightness.light,
primaryColor: Color(0xFF4CAF50), // Green
secondaryHeaderColor: Color(0xFFFFC107), // Amber
scaffoldBackgroundColor: Colors.white,
appBarTheme: AppBarTheme(
backgroundColor: Color(0xFF4CAF50),
foregroundColor: Colors.white,
),
textTheme: TextTheme(
bodyLarge: TextStyle(color: Colors.black87),
),
);
Step 2: Modify Dark Theme Colors
📄 File: lib/theme/dark_theme.dart
dark_theme.dart
import 'package:flutter/material.dart';
ThemeData darkTheme = ThemeData(
brightness: Brightness.dark,
primaryColor: Color(0xFF212121), // Dark gray
secondaryHeaderColor: Color(0xFF64FFDA), // Teal Accent
scaffoldBackgroundColor: Color(0xFF121212),
appBarTheme: AppBarTheme(
backgroundColor: Color(0xFF1F1F1F),
foregroundColor: Colors.white,
),
textTheme: TextTheme(
bodyLarge: TextStyle(color: Colors.white70),
),
);
