59 lines
2.0 KiB
Dart
59 lines
2.0 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
class AppTheme {
|
|
static const Color primaryColor = Color(0xFFfecd4f);
|
|
static const Color primaryDark = Color(0xFFe5b846);
|
|
static const Color secondaryColor = Color(0xFF2bb1a5);
|
|
static const Color secondaryDark = Color(0xFF259a8f);
|
|
static const Color secondaryLight = Color(0xFF4dc4b8);
|
|
static const Color backgroundColor = Color(0xFFfdfdfd);
|
|
|
|
static const LinearGradient primaryGradient = LinearGradient(
|
|
begin: Alignment.topLeft,
|
|
end: Alignment.bottomRight,
|
|
colors: [secondaryColor, primaryColor],
|
|
);
|
|
|
|
static final ThemeData themeData = ThemeData(
|
|
primaryColor: primaryColor,
|
|
scaffoldBackgroundColor: backgroundColor,
|
|
fontFamily: 'Roboto', // Default fallback
|
|
useMaterial3: true,
|
|
colorScheme: ColorScheme.fromSeed(
|
|
seedColor: primaryColor,
|
|
primary: primaryColor,
|
|
secondary: secondaryColor,
|
|
surface: backgroundColor,
|
|
),
|
|
elevatedButtonTheme: ElevatedButtonThemeData(
|
|
style: ElevatedButton.styleFrom(
|
|
foregroundColor: Colors.white,
|
|
backgroundColor: Colors.transparent, // We use gradient Container
|
|
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
).copyWith(
|
|
backgroundColor: WidgetStateProperty.all(Colors.transparent),
|
|
shadowColor: WidgetStateProperty.all(Colors.transparent),
|
|
),
|
|
),
|
|
inputDecorationTheme: InputDecorationTheme(
|
|
filled: true,
|
|
fillColor: const Color(0xFFfcfcfc),
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(8),
|
|
borderSide: const BorderSide(color: Color(0xFFe2e8f0)),
|
|
),
|
|
enabledBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(8),
|
|
borderSide: const BorderSide(color: Color(0xFFe2e8f0)),
|
|
),
|
|
focusedBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(8),
|
|
borderSide: const BorderSide(color: secondaryColor, width: 2),
|
|
),
|
|
),
|
|
);
|
|
}
|