119 lines
4.6 KiB
Dart
119 lines
4.6 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
|
|
class AppTheme {
|
|
static const Color primaryColor = Color(0xFF6C63FF);
|
|
static const Color secondaryColor = Color(0xFFFF6584);
|
|
static const Color backgroundColor = Color(0xFFF7F9FC);
|
|
static const Color surfaceColor = Colors.white;
|
|
static const Color textPrimaryColor = Color(0xFF2D3142);
|
|
static const Color textSecondaryColor = Color(0xFF9094A6);
|
|
|
|
static ThemeData get lightTheme {
|
|
return ThemeData(
|
|
useMaterial3: true,
|
|
colorScheme: const ColorScheme.light(
|
|
primary: primaryColor,
|
|
secondary: secondaryColor,
|
|
surface: surfaceColor,
|
|
onSurface: textPrimaryColor,
|
|
),
|
|
scaffoldBackgroundColor: backgroundColor,
|
|
textTheme: GoogleFonts.outfitTextTheme().copyWith(
|
|
displayLarge: GoogleFonts.outfit(color: textPrimaryColor, fontWeight: FontWeight.bold, fontSize: 32),
|
|
bodyLarge: GoogleFonts.outfit(color: textPrimaryColor, fontSize: 16),
|
|
bodyMedium: GoogleFonts.outfit(color: textSecondaryColor, fontSize: 14),
|
|
),
|
|
elevatedButtonTheme: ElevatedButtonThemeData(
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: primaryColor,
|
|
foregroundColor: Colors.white,
|
|
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
|
|
elevation: 0,
|
|
),
|
|
),
|
|
inputDecorationTheme: InputDecorationTheme(
|
|
filled: true,
|
|
fillColor: Colors.white,
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 20, vertical: 16),
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
borderSide: BorderSide(color: Colors.grey.withOpacity(0.3)),
|
|
),
|
|
enabledBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
borderSide: BorderSide(color: Colors.grey.withOpacity(0.3)),
|
|
),
|
|
focusedBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
borderSide: const BorderSide(color: primaryColor, width: 2),
|
|
),
|
|
hintStyle: const TextStyle(color: textSecondaryColor),
|
|
),
|
|
cardTheme: CardThemeData(
|
|
color: surfaceColor,
|
|
elevation: 2,
|
|
shadowColor: Colors.black.withValues(alpha: 0.05),
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(24)),
|
|
),
|
|
);
|
|
}
|
|
|
|
static ThemeData get darkTheme {
|
|
const Color darkBackground = Color(0xFF121212);
|
|
const Color darkSurface = Color(0xFF1E1E1E);
|
|
const Color darkTextPrimary = Color(0xFFE0E0E0);
|
|
const Color darkTextSecondary = Color(0xFFA0A0A0);
|
|
|
|
return ThemeData(
|
|
useMaterial3: true,
|
|
colorScheme: const ColorScheme.dark(
|
|
primary: primaryColor,
|
|
secondary: secondaryColor,
|
|
surface: darkSurface,
|
|
onSurface: darkTextPrimary,
|
|
),
|
|
scaffoldBackgroundColor: darkBackground,
|
|
textTheme: GoogleFonts.outfitTextTheme().copyWith(
|
|
displayLarge: GoogleFonts.outfit(color: darkTextPrimary, fontWeight: FontWeight.bold, fontSize: 32),
|
|
bodyLarge: GoogleFonts.outfit(color: darkTextPrimary, fontSize: 16),
|
|
bodyMedium: GoogleFonts.outfit(color: darkTextSecondary, fontSize: 14),
|
|
),
|
|
elevatedButtonTheme: ElevatedButtonThemeData(
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: primaryColor,
|
|
foregroundColor: Colors.white,
|
|
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
|
|
elevation: 0,
|
|
),
|
|
),
|
|
inputDecorationTheme: InputDecorationTheme(
|
|
filled: true,
|
|
fillColor: darkSurface,
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 20, vertical: 16),
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
borderSide: BorderSide(color: Colors.grey.withOpacity(0.3)),
|
|
),
|
|
enabledBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
borderSide: BorderSide(color: Colors.grey.withOpacity(0.3)),
|
|
),
|
|
focusedBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
borderSide: const BorderSide(color: primaryColor, width: 2),
|
|
),
|
|
hintStyle: const TextStyle(color: darkTextSecondary),
|
|
),
|
|
cardTheme: CardThemeData(
|
|
color: darkSurface,
|
|
elevation: 2,
|
|
shadowColor: Colors.black.withValues(alpha: 0.2),
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(24)),
|
|
),
|
|
);
|
|
}
|
|
}
|