petitspas/frontend/lib/theme/app_theme.dart
2025-04-28 18:17:56 +02:00

74 lines
2.3 KiB
Dart

import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
class AppTheme {
static const Color primaryColor = Color(0xFF2B6CB0);
static const Color secondaryColor = Color(0xFFF7FAFC);
static const Color backgroundColor = Colors.white;
static const Color textColor = Color(0xFF2D3748);
static ThemeData get lightTheme {
return ThemeData(
useMaterial3: true,
colorScheme: ColorScheme.light(
primary: primaryColor,
secondary: secondaryColor,
background: backgroundColor,
),
textTheme: TextTheme(
displayLarge: GoogleFonts.comfortaa(
fontSize: 32,
fontWeight: FontWeight.bold,
color: textColor,
),
displayMedium: GoogleFonts.comfortaa(
fontSize: 24,
fontWeight: FontWeight.bold,
color: textColor,
),
bodyLarge: GoogleFonts.roboto(
fontSize: 16,
color: textColor,
),
bodyMedium: GoogleFonts.roboto(
fontSize: 14,
color: textColor,
),
),
appBarTheme: AppBarTheme(
backgroundColor: primaryColor,
foregroundColor: Colors.white,
elevation: 0,
titleTextStyle: GoogleFonts.comfortaa(
fontSize: 20,
fontWeight: FontWeight.bold,
color: Colors.white,
),
),
elevatedButtonTheme: ElevatedButtonThemeData(
style: ElevatedButton.styleFrom(
backgroundColor: primaryColor,
foregroundColor: Colors.white,
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 12),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8),
),
),
),
inputDecorationTheme: InputDecorationTheme(
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide: BorderSide(color: primaryColor.withOpacity(0.5)),
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide: BorderSide(color: primaryColor.withOpacity(0.3)),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide: BorderSide(color: primaryColor),
),
),
);
}
}