233 lines
7.4 KiB
Dart
233 lines
7.4 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
class ThemePreset {
|
|
final String id;
|
|
final String name;
|
|
final Brightness brightness;
|
|
final Color darkBackground;
|
|
final Color cardSurface;
|
|
final Color glassSurface;
|
|
final Color glassBorder;
|
|
final Color primaryColor;
|
|
final Color accentColor;
|
|
final Color accentRed;
|
|
final Color textPrimary;
|
|
final Color textSecondary;
|
|
final Color textMuted;
|
|
final double borderRadius;
|
|
final List<BoxShadow> boxShadows;
|
|
|
|
const ThemePreset({
|
|
required this.id,
|
|
required this.name,
|
|
required this.brightness,
|
|
required this.darkBackground,
|
|
required this.cardSurface,
|
|
required this.glassSurface,
|
|
required this.glassBorder,
|
|
required this.primaryColor,
|
|
required this.accentColor,
|
|
required this.accentRed,
|
|
required this.textPrimary,
|
|
required this.textSecondary,
|
|
required this.textMuted,
|
|
required this.borderRadius,
|
|
required this.boxShadows,
|
|
});
|
|
|
|
ThemeData toThemeData() {
|
|
final isDark = brightness == Brightness.dark;
|
|
return (isDark ? ThemeData.dark() : ThemeData.light()).copyWith(
|
|
scaffoldBackgroundColor: darkBackground,
|
|
primaryColor: primaryColor,
|
|
colorScheme: isDark
|
|
? ColorScheme.dark(
|
|
primary: primaryColor,
|
|
secondary: accentColor,
|
|
surface: cardSurface,
|
|
error: accentRed,
|
|
)
|
|
: ColorScheme.light(
|
|
primary: primaryColor,
|
|
secondary: accentColor,
|
|
surface: cardSurface,
|
|
error: accentRed,
|
|
),
|
|
appBarTheme: AppBarTheme(
|
|
backgroundColor: cardSurface,
|
|
elevation: isDark ? 0 : 1,
|
|
centerTitle: false,
|
|
iconTheme: IconThemeData(color: textPrimary),
|
|
titleTextStyle: TextStyle(color: textPrimary, fontSize: 18, fontWeight: FontWeight.bold),
|
|
),
|
|
cardTheme: CardThemeData(
|
|
color: cardSurface,
|
|
elevation: isDark ? 0 : 2,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(borderRadius),
|
|
side: BorderSide(color: glassBorder, width: 1),
|
|
),
|
|
),
|
|
dialogTheme: DialogThemeData(
|
|
backgroundColor: cardSurface,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(borderRadius + 2),
|
|
side: BorderSide(color: glassBorder, width: 1),
|
|
),
|
|
),
|
|
inputDecorationTheme: InputDecorationTheme(
|
|
filled: true,
|
|
fillColor: glassSurface,
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(borderRadius),
|
|
borderSide: BorderSide(color: glassBorder),
|
|
),
|
|
enabledBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(borderRadius),
|
|
borderSide: BorderSide(color: glassBorder),
|
|
),
|
|
focusedBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(borderRadius),
|
|
borderSide: BorderSide(color: primaryColor, width: 1.5),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
/// Dynamic Finlytic Multi-Theme Presets & Tokens Engine.
|
|
class AppTheme {
|
|
static const ThemePreset darkClassic = ThemePreset(
|
|
id: 'dark_classic',
|
|
name: 'Dark',
|
|
brightness: Brightness.dark,
|
|
darkBackground: Color(0xFF0A0E17),
|
|
cardSurface: Color(0xFF12182B),
|
|
glassSurface: Color(0x2A1A233A),
|
|
glassBorder: Color(0x33425980),
|
|
primaryColor: Color(0xFF00E676),
|
|
accentColor: Color(0xFF00E5FF),
|
|
accentRed: Color(0xFFFF5252),
|
|
textPrimary: Colors.white,
|
|
textSecondary: Color(0xFFB0BEC5),
|
|
textMuted: Color(0xFF607D8B),
|
|
borderRadius: 14.0,
|
|
boxShadows: [
|
|
BoxShadow(color: Color(0x1F000000), blurRadius: 10, offset: Offset(0, 4)),
|
|
],
|
|
);
|
|
|
|
static const ThemePreset darkCyberNeon = ThemePreset(
|
|
id: 'dark_cyber_neon',
|
|
name: 'Alternative Dark (Cyber Neon)',
|
|
brightness: Brightness.dark,
|
|
darkBackground: Color(0xFF0D0B1E),
|
|
cardSurface: Color(0xFF161233),
|
|
glassSurface: Color(0x3A261D52),
|
|
glassBorder: Color(0x5500FFA3),
|
|
primaryColor: Color(0xFF00FFA3),
|
|
accentColor: Color(0xFFFF007A),
|
|
accentRed: Color(0xFFFF2E93),
|
|
textPrimary: Color(0xFFF5F3FF),
|
|
textSecondary: Color(0xFFC4B5FD),
|
|
textMuted: Color(0xFF8B5CF6),
|
|
borderRadius: 8.0,
|
|
boxShadows: [
|
|
BoxShadow(color: Color(0x3300FFA3), blurRadius: 12, spreadRadius: -2),
|
|
],
|
|
);
|
|
|
|
static const ThemePreset lightClassic = ThemePreset(
|
|
id: 'light_classic',
|
|
name: 'Light',
|
|
brightness: Brightness.light,
|
|
darkBackground: Color(0xFFF8FAFC),
|
|
cardSurface: Color(0xFFFFFFFF),
|
|
glassSurface: Color(0xFFF1F5F9),
|
|
glassBorder: Color(0xFFE2E8F0),
|
|
primaryColor: Color(0xFF059669),
|
|
accentColor: Color(0xFF0284C7),
|
|
accentRed: Color(0xFFDC2626),
|
|
textPrimary: Color(0xFF0F172A),
|
|
textSecondary: Color(0xFF475569),
|
|
textMuted: Color(0xFF94A3B8),
|
|
borderRadius: 16.0,
|
|
boxShadows: [
|
|
BoxShadow(color: Color(0x0F000000), blurRadius: 12, offset: Offset(0, 4)),
|
|
],
|
|
);
|
|
|
|
static const ThemePreset lightWarmSand = ThemePreset(
|
|
id: 'light_warm_sand',
|
|
name: 'Alternative Light (Warm Paper)',
|
|
brightness: Brightness.light,
|
|
darkBackground: Color(0xFFF5F2EB),
|
|
cardSurface: Color(0xFFFFFDF9),
|
|
glassSurface: Color(0xFFEFEADF),
|
|
glassBorder: Color(0xFFE2D9C8),
|
|
primaryColor: Color(0xFFD97706),
|
|
accentColor: Color(0xFF2563EB),
|
|
accentRed: Color(0xFFE11D48),
|
|
textPrimary: Color(0xFF272522),
|
|
textSecondary: Color(0xFF57534E),
|
|
textMuted: Color(0xFFA8A29E),
|
|
borderRadius: 12.0,
|
|
boxShadows: [
|
|
BoxShadow(color: Color(0x14443422), blurRadius: 8, offset: Offset(0, 3)),
|
|
],
|
|
);
|
|
|
|
static const ThemePreset nordicMint = ThemePreset(
|
|
id: 'nordic_mint',
|
|
name: 'Nordic Mint',
|
|
brightness: Brightness.light,
|
|
darkBackground: Color(0xFFEFF6F5),
|
|
cardSurface: Color(0xFFFFFFFF),
|
|
glassSurface: Color(0xFFE0F2FE),
|
|
glassBorder: Color(0xFFCCFBF1),
|
|
primaryColor: Color(0xFF0D9488),
|
|
accentColor: Color(0xFF0284C7),
|
|
accentRed: Color(0xFFF43F5E),
|
|
textPrimary: Color(0xFF111827),
|
|
textSecondary: Color(0xFF374151),
|
|
textMuted: Color(0xFF6B7280),
|
|
borderRadius: 20.0,
|
|
boxShadows: [
|
|
BoxShadow(color: Color(0x0D0F766E), blurRadius: 14, offset: Offset(0, 4)),
|
|
],
|
|
);
|
|
|
|
static const List<ThemePreset> allPresets = [
|
|
darkClassic,
|
|
darkCyberNeon,
|
|
lightClassic,
|
|
lightWarmSand,
|
|
nordicMint,
|
|
];
|
|
|
|
static ThemePreset getPresetById(String? id) {
|
|
return allPresets.firstWhere(
|
|
(p) => p.id.toLowerCase() == id?.toLowerCase(),
|
|
orElse: () => darkClassic,
|
|
);
|
|
}
|
|
|
|
// Legacy static color mappings for backward compatibility
|
|
static Color get darkBackground => activePreset.darkBackground;
|
|
static Color get cardSurface => activePreset.cardSurface;
|
|
static Color get surfaceDark => activePreset.cardSurface;
|
|
static Color get glassSurface => activePreset.glassSurface;
|
|
static Color get glassBorder => activePreset.glassBorder;
|
|
static Color get primaryEmerald => activePreset.primaryColor;
|
|
static Color get accentCyan => activePreset.accentColor;
|
|
static Color get accentRed => activePreset.accentRed;
|
|
static Color get textPrimary => activePreset.textPrimary;
|
|
static Color get textSecondary => activePreset.textSecondary;
|
|
static Color get textMuted => activePreset.textMuted;
|
|
|
|
static ThemePreset activePreset = darkClassic;
|
|
|
|
static ThemeData get darkTheme => activePreset.toThemeData();
|
|
}
|