fix theme / add history
This commit is contained in:
+516
-158
@@ -1,38 +1,108 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
// ---------------------------------------------------------------------------
|
||||
// Shared design tokens
|
||||
// ---------------------------------------------------------------------------
|
||||
|
||||
class AppRadii {
|
||||
static const double sm = 10;
|
||||
static const double md = 14;
|
||||
static const double lg = 20;
|
||||
static const double xl = 28;
|
||||
}
|
||||
|
||||
class AppSpacing {
|
||||
static const double xs = 4;
|
||||
static const double sm = 8;
|
||||
static const double md = 12;
|
||||
static const double lg = 16;
|
||||
static const double xl = 24;
|
||||
}
|
||||
|
||||
// ---------------------------------------------------------------------------
|
||||
// Dark theme — refined violet palette
|
||||
// ---------------------------------------------------------------------------
|
||||
|
||||
const _violet = Color(0xFF8B5CF6);
|
||||
const _violetSoft = Color(0xFFB39DFF);
|
||||
const _bg = Color(0xFF111014);
|
||||
const _surface = Color(0xFF1A1920);
|
||||
const _surfaceRaised = Color(0xFF221F29);
|
||||
const _outline = Color(0x1FFFFFFF); // ~12% white
|
||||
|
||||
final ThemeData darkTheme = ThemeData(
|
||||
useMaterial3: true,
|
||||
brightness: Brightness.dark,
|
||||
splashFactory: InkRipple.splashFactory,
|
||||
|
||||
colorScheme: ColorScheme.fromSeed(
|
||||
seedColor: const Color(0xFF7C4DFF),
|
||||
seedColor: _violet,
|
||||
brightness: Brightness.dark,
|
||||
surface: _surface,
|
||||
error: const Color(0xFFFF6B6B),
|
||||
),
|
||||
|
||||
scaffoldBackgroundColor: const Color(0xFF121212),
|
||||
canvasColor: const Color(0xFF121212),
|
||||
scaffoldBackgroundColor: _bg,
|
||||
canvasColor: _bg,
|
||||
|
||||
appBarTheme: const AppBarTheme(
|
||||
appBarTheme: AppBarTheme(
|
||||
elevation: 0,
|
||||
centerTitle: true,
|
||||
backgroundColor: Colors.transparent,
|
||||
centerTitle: false,
|
||||
backgroundColor: _bg,
|
||||
foregroundColor: Colors.white,
|
||||
surfaceTintColor: Colors.transparent,
|
||||
titleTextStyle: TextStyle(
|
||||
titleTextStyle: const TextStyle(
|
||||
fontSize: 22,
|
||||
fontWeight: FontWeight.bold,
|
||||
fontWeight: FontWeight.w800,
|
||||
letterSpacing: -0.3,
|
||||
color: Colors.white,
|
||||
),
|
||||
iconTheme: const IconThemeData(color: Colors.white70, size: 22),
|
||||
actionsIconTheme: const IconThemeData(color: Colors.white70, size: 22),
|
||||
),
|
||||
|
||||
iconButtonTheme: IconButtonThemeData(
|
||||
style: IconButton.styleFrom(
|
||||
backgroundColor: Colors.white.withOpacity(0.05),
|
||||
foregroundColor: Colors.white70,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(AppRadii.md),
|
||||
),
|
||||
padding: const EdgeInsets.all(10),
|
||||
),
|
||||
),
|
||||
|
||||
cardTheme: CardThemeData(
|
||||
color: const Color(0xFF1E1E1E),
|
||||
color: _surface,
|
||||
elevation: 0,
|
||||
margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
||||
margin: const EdgeInsets.symmetric(
|
||||
horizontal: AppSpacing.md,
|
||||
vertical: AppSpacing.sm,
|
||||
),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
side: BorderSide(
|
||||
color: Colors.white.withOpacity(0.06),
|
||||
borderRadius: BorderRadius.circular(AppRadii.lg),
|
||||
side: const BorderSide(color: _outline, width: 1),
|
||||
),
|
||||
),
|
||||
|
||||
filledButtonTheme: FilledButtonThemeData(
|
||||
style: FilledButton.styleFrom(
|
||||
elevation: 0,
|
||||
backgroundColor: _violet,
|
||||
foregroundColor: Colors.white,
|
||||
disabledBackgroundColor: Colors.white.withOpacity(0.06),
|
||||
disabledForegroundColor: Colors.white24,
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: AppSpacing.xl,
|
||||
vertical: AppSpacing.lg,
|
||||
),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(AppRadii.md),
|
||||
),
|
||||
textStyle: const TextStyle(
|
||||
fontSize: 15,
|
||||
fontWeight: FontWeight.w700,
|
||||
letterSpacing: 0.1,
|
||||
),
|
||||
),
|
||||
),
|
||||
@@ -40,175 +110,214 @@ final ThemeData darkTheme = ThemeData(
|
||||
elevatedButtonTheme: ElevatedButtonThemeData(
|
||||
style: ElevatedButton.styleFrom(
|
||||
elevation: 0,
|
||||
backgroundColor: const Color(0xFF7C4DFF),
|
||||
backgroundColor: _violet,
|
||||
foregroundColor: Colors.white,
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 24,
|
||||
vertical: 16,
|
||||
horizontal: AppSpacing.xl,
|
||||
vertical: AppSpacing.lg,
|
||||
),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(14),
|
||||
),
|
||||
textStyle: const TextStyle(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w600,
|
||||
borderRadius: BorderRadius.circular(AppRadii.md),
|
||||
),
|
||||
textStyle: const TextStyle(fontSize: 15, fontWeight: FontWeight.w700),
|
||||
),
|
||||
),
|
||||
|
||||
outlinedButtonTheme: OutlinedButtonThemeData(
|
||||
style: OutlinedButton.styleFrom(
|
||||
foregroundColor: Colors.white,
|
||||
side: BorderSide(
|
||||
color: Colors.white.withOpacity(0.15),
|
||||
),
|
||||
side: const BorderSide(color: _outline, width: 1.4),
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 24,
|
||||
vertical: 16,
|
||||
horizontal: AppSpacing.xl,
|
||||
vertical: AppSpacing.lg,
|
||||
),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(14),
|
||||
borderRadius: BorderRadius.circular(AppRadii.md),
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
textButtonTheme: TextButtonThemeData(
|
||||
style: TextButton.styleFrom(
|
||||
foregroundColor: Colors.white70,
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: AppSpacing.lg,
|
||||
vertical: AppSpacing.md,
|
||||
),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(AppRadii.md),
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
inputDecorationTheme: InputDecorationTheme(
|
||||
filled: true,
|
||||
fillColor: const Color(0xFF242424),
|
||||
fillColor: _surfaceRaised,
|
||||
hintStyle: const TextStyle(color: Colors.white38),
|
||||
contentPadding: const EdgeInsets.symmetric(
|
||||
horizontal: 18,
|
||||
vertical: 16,
|
||||
horizontal: AppSpacing.lg,
|
||||
vertical: AppSpacing.lg,
|
||||
),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(14),
|
||||
borderRadius: BorderRadius.circular(AppRadii.md),
|
||||
borderSide: BorderSide.none,
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(14),
|
||||
borderSide: BorderSide(
|
||||
color: Colors.white.withOpacity(0.08),
|
||||
),
|
||||
borderRadius: BorderRadius.circular(AppRadii.md),
|
||||
borderSide: const BorderSide(color: _outline),
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(14),
|
||||
borderSide: const BorderSide(
|
||||
color: Color(0xFF7C4DFF),
|
||||
width: 2,
|
||||
),
|
||||
borderRadius: BorderRadius.circular(AppRadii.md),
|
||||
borderSide: const BorderSide(color: _violet, width: 2),
|
||||
),
|
||||
),
|
||||
|
||||
dialogTheme: DialogThemeData(
|
||||
backgroundColor: _surfaceRaised,
|
||||
surfaceTintColor: Colors.transparent,
|
||||
elevation: 8,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(AppRadii.lg),
|
||||
),
|
||||
titleTextStyle: const TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: 19,
|
||||
fontWeight: FontWeight.w800,
|
||||
),
|
||||
contentTextStyle: const TextStyle(color: Colors.white70, height: 1.4),
|
||||
),
|
||||
|
||||
floatingActionButtonTheme: const FloatingActionButtonThemeData(
|
||||
backgroundColor: Color(0xFF7C4DFF),
|
||||
backgroundColor: _violet,
|
||||
foregroundColor: Colors.white,
|
||||
elevation: 2,
|
||||
),
|
||||
|
||||
navigationBarTheme: NavigationBarThemeData(
|
||||
backgroundColor: const Color(0xFF1A1A1A),
|
||||
indicatorColor: const Color(0xFF7C4DFF).withOpacity(0.25),
|
||||
labelTextStyle: WidgetStatePropertyAll(
|
||||
TextStyle(
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
backgroundColor: _surface,
|
||||
indicatorColor: _violet.withOpacity(0.25),
|
||||
labelTextStyle: const WidgetStatePropertyAll(
|
||||
TextStyle(fontWeight: FontWeight.w600),
|
||||
),
|
||||
),
|
||||
|
||||
listTileTheme: ListTileThemeData(
|
||||
tileColor: const Color(0xFF1E1E1E),
|
||||
tileColor: Colors.transparent,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(14),
|
||||
borderRadius: BorderRadius.circular(AppRadii.md),
|
||||
),
|
||||
iconColor: const Color(0xFFB39DFF),
|
||||
iconColor: _violetSoft,
|
||||
textColor: Colors.white,
|
||||
contentPadding: const EdgeInsets.symmetric(
|
||||
horizontal: AppSpacing.md,
|
||||
vertical: AppSpacing.xs,
|
||||
),
|
||||
),
|
||||
|
||||
snackBarTheme: SnackBarThemeData(
|
||||
backgroundColor: const Color(0xFF2A2A2A),
|
||||
backgroundColor: _surfaceRaised,
|
||||
behavior: SnackBarBehavior.floating,
|
||||
elevation: 4,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderRadius: BorderRadius.circular(AppRadii.md),
|
||||
side: const BorderSide(color: _outline),
|
||||
),
|
||||
contentTextStyle: const TextStyle(color: Colors.white),
|
||||
),
|
||||
|
||||
dividerTheme: DividerThemeData(
|
||||
color: Colors.white.withOpacity(0.08),
|
||||
thickness: 1,
|
||||
dividerTheme: const DividerThemeData(color: _outline, thickness: 1, space: 1),
|
||||
|
||||
chipTheme: ChipThemeData(
|
||||
backgroundColor: _surfaceRaised,
|
||||
labelStyle: const TextStyle(
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.w600,
|
||||
fontSize: 12,
|
||||
),
|
||||
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(AppRadii.sm),
|
||||
side: const BorderSide(color: _outline),
|
||||
),
|
||||
),
|
||||
|
||||
textTheme: const TextTheme(
|
||||
displayLarge: TextStyle(
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
displayLarge: TextStyle(color: Colors.white, fontWeight: FontWeight.w800),
|
||||
headlineMedium: TextStyle(
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.bold,
|
||||
fontWeight: FontWeight.w800,
|
||||
letterSpacing: -0.3,
|
||||
),
|
||||
titleLarge: TextStyle(
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.w800,
|
||||
letterSpacing: -0.2,
|
||||
),
|
||||
titleMedium: TextStyle(
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.w700,
|
||||
),
|
||||
bodyLarge: TextStyle(
|
||||
color: Colors.white70,
|
||||
fontSize: 16,
|
||||
height: 1.5,
|
||||
),
|
||||
bodyMedium: TextStyle(
|
||||
color: Colors.white60,
|
||||
height: 1.4,
|
||||
),
|
||||
labelLarge: TextStyle(
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
bodyLarge: TextStyle(color: Colors.white70, fontSize: 16, height: 1.5),
|
||||
bodyMedium: TextStyle(color: Colors.white60, height: 1.4),
|
||||
bodySmall: TextStyle(color: Colors.white38, height: 1.3),
|
||||
labelLarge: TextStyle(color: Colors.white, fontWeight: FontWeight.w700),
|
||||
),
|
||||
);
|
||||
|
||||
// ---------------------------------------------------------------------------
|
||||
// Neo-brutalist dark theme — punchy, high-contrast alternative
|
||||
// ---------------------------------------------------------------------------
|
||||
|
||||
const _nbBg = Color(0xFF0C0C0E);
|
||||
const _nbSurface = Color(0xFF1C1C20);
|
||||
const _nbYellow = Color(0xFFFFD60A);
|
||||
const _nbCyan = Color(0xFF00E5FF);
|
||||
const _nbPink = Color(0xFFFF3D81);
|
||||
|
||||
final ThemeData neoBrutalDarkTheme = ThemeData(
|
||||
useMaterial3: true,
|
||||
brightness: Brightness.dark,
|
||||
|
||||
colorScheme: const ColorScheme.dark(
|
||||
primary: Color(0xFFFFD60A), // Bright yellow
|
||||
secondary: Color(0xFF00E5FF), // Cyan
|
||||
surface: Color(0xFF1A1A1A),
|
||||
error: Color(0xFFFF5252),
|
||||
primary: _nbYellow,
|
||||
secondary: _nbCyan,
|
||||
surface: _nbSurface,
|
||||
error: _nbPink,
|
||||
),
|
||||
|
||||
scaffoldBackgroundColor: const Color(0xFF0E0E0E),
|
||||
canvasColor: const Color(0xFF0E0E0E),
|
||||
scaffoldBackgroundColor: _nbBg,
|
||||
canvasColor: _nbBg,
|
||||
|
||||
textTheme: const TextTheme(
|
||||
displayLarge: TextStyle(
|
||||
fontSize: 48,
|
||||
fontWeight: FontWeight.w900,
|
||||
color: Colors.white,
|
||||
letterSpacing: -1,
|
||||
letterSpacing: -1.5,
|
||||
),
|
||||
headlineMedium: TextStyle(
|
||||
fontSize: 32,
|
||||
fontWeight: FontWeight.w900,
|
||||
color: Colors.white,
|
||||
letterSpacing: -0.5,
|
||||
),
|
||||
titleLarge: TextStyle(
|
||||
fontSize: 22,
|
||||
fontWeight: FontWeight.w900,
|
||||
color: Colors.white,
|
||||
),
|
||||
titleMedium: TextStyle(
|
||||
fontSize: 17,
|
||||
fontWeight: FontWeight.w800,
|
||||
color: Colors.white,
|
||||
),
|
||||
bodyLarge: TextStyle(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: Colors.white,
|
||||
),
|
||||
bodyMedium: TextStyle(
|
||||
fontSize: 14,
|
||||
color: Colors.white70,
|
||||
),
|
||||
bodyLarge: TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: Colors.white),
|
||||
bodyMedium: TextStyle(fontSize: 14, color: Colors.white70),
|
||||
bodySmall: TextStyle(fontSize: 12, color: Colors.white54, fontWeight: FontWeight.w600),
|
||||
),
|
||||
|
||||
appBarTheme: const AppBarTheme(
|
||||
backgroundColor: Color(0xFF0E0E0E),
|
||||
backgroundColor: _nbBg,
|
||||
foregroundColor: Colors.white,
|
||||
elevation: 0,
|
||||
centerTitle: false,
|
||||
@@ -220,108 +329,357 @@ final ThemeData neoBrutalDarkTheme = ThemeData(
|
||||
),
|
||||
|
||||
cardTheme: CardThemeData(
|
||||
color: const Color(0xFF242424),
|
||||
color: _nbSurface,
|
||||
elevation: 0,
|
||||
margin: const EdgeInsets.symmetric(horizontal: AppSpacing.md, vertical: AppSpacing.sm),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
side: const BorderSide(color: Colors.white, width: 3),
|
||||
),
|
||||
),
|
||||
|
||||
filledButtonTheme: FilledButtonThemeData(
|
||||
style: FilledButton.styleFrom(
|
||||
backgroundColor: _nbYellow,
|
||||
foregroundColor: Colors.black,
|
||||
elevation: 0,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 18),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
side: const BorderSide(color: Colors.black, width: 3),
|
||||
),
|
||||
textStyle: const TextStyle(fontWeight: FontWeight.w900, fontSize: 16),
|
||||
),
|
||||
),
|
||||
|
||||
elevatedButtonTheme: ElevatedButtonThemeData(
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: _nbYellow,
|
||||
foregroundColor: Colors.black,
|
||||
elevation: 0,
|
||||
shadowColor: Colors.transparent,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 18),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
side: const BorderSide(color: Colors.black, width: 3),
|
||||
),
|
||||
textStyle: const TextStyle(fontWeight: FontWeight.w900, fontSize: 16),
|
||||
),
|
||||
),
|
||||
|
||||
outlinedButtonTheme: OutlinedButtonThemeData(
|
||||
style: OutlinedButton.styleFrom(
|
||||
foregroundColor: Colors.white,
|
||||
side: const BorderSide(color: Colors.white, width: 3),
|
||||
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 18),
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
|
||||
textStyle: const TextStyle(fontWeight: FontWeight.w800),
|
||||
),
|
||||
),
|
||||
|
||||
inputDecorationTheme: InputDecorationTheme(
|
||||
filled: true,
|
||||
fillColor: _nbSurface,
|
||||
hintStyle: const TextStyle(color: Colors.white38, fontWeight: FontWeight.w600),
|
||||
contentPadding: const EdgeInsets.all(18),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
borderSide: const BorderSide(color: Colors.white, width: 3),
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
borderSide: const BorderSide(color: Colors.white, width: 3),
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
borderSide: const BorderSide(color: _nbYellow, width: 4),
|
||||
),
|
||||
),
|
||||
|
||||
dialogTheme: DialogThemeData(
|
||||
backgroundColor: _nbSurface,
|
||||
elevation: 0,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
side: const BorderSide(
|
||||
color: Colors.white,
|
||||
width: 3,
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
side: const BorderSide(color: Colors.white, width: 3),
|
||||
),
|
||||
titleTextStyle: const TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: 20,
|
||||
fontWeight: FontWeight.w900,
|
||||
),
|
||||
contentTextStyle: const TextStyle(color: Colors.white70, fontWeight: FontWeight.w600),
|
||||
),
|
||||
|
||||
floatingActionButtonTheme: const FloatingActionButtonThemeData(
|
||||
backgroundColor: _nbPink,
|
||||
foregroundColor: Colors.white,
|
||||
elevation: 0,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.all(Radius.circular(10)),
|
||||
side: BorderSide(color: Colors.white, width: 3),
|
||||
),
|
||||
),
|
||||
|
||||
snackBarTheme: SnackBarThemeData(
|
||||
backgroundColor: _nbSurface,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
side: const BorderSide(color: Colors.white, width: 3),
|
||||
),
|
||||
behavior: SnackBarBehavior.floating,
|
||||
contentTextStyle: const TextStyle(color: Colors.white, fontWeight: FontWeight.w600),
|
||||
),
|
||||
|
||||
dividerTheme: const DividerThemeData(color: Colors.white, thickness: 3),
|
||||
|
||||
listTileTheme: ListTileThemeData(
|
||||
tileColor: _nbSurface,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
side: const BorderSide(color: Colors.white, width: 3),
|
||||
),
|
||||
textColor: Colors.white,
|
||||
iconColor: _nbYellow,
|
||||
),
|
||||
);
|
||||
|
||||
const _violetL = Color(0xFF7C3AED);
|
||||
const _violetSoftL = Color(0xFF6D28D9);
|
||||
const _bgL = Color(0xFFFAFAFC);
|
||||
const _surfaceL = Color(0xFFFFFFFF);
|
||||
const _surfaceRaisedL = Color(0xFFF3F1F8);
|
||||
const _outlineL = Color(0x14000000); // ~8% black
|
||||
|
||||
final ThemeData lightTheme = ThemeData(
|
||||
useMaterial3: true,
|
||||
brightness: Brightness.light,
|
||||
splashFactory: InkRipple.splashFactory,
|
||||
|
||||
colorScheme: ColorScheme.fromSeed(
|
||||
seedColor: _violetL,
|
||||
brightness: Brightness.light,
|
||||
surface: _surfaceL,
|
||||
error: const Color(0xFFE5484D),
|
||||
),
|
||||
|
||||
scaffoldBackgroundColor: _bgL,
|
||||
canvasColor: _bgL,
|
||||
|
||||
appBarTheme: AppBarTheme(
|
||||
elevation: 0,
|
||||
centerTitle: false,
|
||||
backgroundColor: _bgL,
|
||||
foregroundColor: Colors.black87,
|
||||
surfaceTintColor: Colors.transparent,
|
||||
titleTextStyle: const TextStyle(
|
||||
fontSize: 22,
|
||||
fontWeight: FontWeight.w800,
|
||||
letterSpacing: -0.3,
|
||||
color: Colors.black87,
|
||||
),
|
||||
iconTheme: const IconThemeData(color: Colors.black54, size: 22),
|
||||
actionsIconTheme: const IconThemeData(color: Colors.black54, size: 22),
|
||||
),
|
||||
|
||||
iconButtonTheme: IconButtonThemeData(
|
||||
style: IconButton.styleFrom(
|
||||
backgroundColor: Colors.black.withOpacity(0.04),
|
||||
foregroundColor: Colors.black54,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(AppRadii.md),
|
||||
),
|
||||
padding: const EdgeInsets.all(10),
|
||||
),
|
||||
),
|
||||
|
||||
cardTheme: CardThemeData(
|
||||
color: _surfaceL,
|
||||
elevation: 0,
|
||||
margin: const EdgeInsets.symmetric(
|
||||
horizontal: AppSpacing.md,
|
||||
vertical: AppSpacing.sm,
|
||||
),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(AppRadii.lg),
|
||||
side: const BorderSide(color: _outlineL, width: 1),
|
||||
),
|
||||
),
|
||||
|
||||
filledButtonTheme: FilledButtonThemeData(
|
||||
style: FilledButton.styleFrom(
|
||||
elevation: 0,
|
||||
backgroundColor: _violetL,
|
||||
foregroundColor: Colors.white,
|
||||
disabledBackgroundColor: Colors.black.withOpacity(0.06),
|
||||
disabledForegroundColor: Colors.black26,
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: AppSpacing.xl,
|
||||
vertical: AppSpacing.lg,
|
||||
),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(AppRadii.md),
|
||||
),
|
||||
textStyle: const TextStyle(
|
||||
fontSize: 15,
|
||||
fontWeight: FontWeight.w700,
|
||||
letterSpacing: 0.1,
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
elevatedButtonTheme: ElevatedButtonThemeData(
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: const Color(0xFFFFD60A),
|
||||
foregroundColor: Colors.black,
|
||||
elevation: 0,
|
||||
shadowColor: Colors.transparent,
|
||||
backgroundColor: _violetL,
|
||||
foregroundColor: Colors.white,
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 24,
|
||||
vertical: 18,
|
||||
horizontal: AppSpacing.xl,
|
||||
vertical: AppSpacing.lg,
|
||||
),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
side: const BorderSide(
|
||||
color: Colors.black,
|
||||
width: 3,
|
||||
),
|
||||
borderRadius: BorderRadius.circular(AppRadii.md),
|
||||
),
|
||||
textStyle: const TextStyle(
|
||||
fontWeight: FontWeight.w900,
|
||||
fontSize: 16,
|
||||
textStyle: const TextStyle(fontSize: 15, fontWeight: FontWeight.w700),
|
||||
),
|
||||
),
|
||||
|
||||
outlinedButtonTheme: OutlinedButtonThemeData(
|
||||
style: OutlinedButton.styleFrom(
|
||||
foregroundColor: Colors.black87,
|
||||
side: const BorderSide(color: _outlineL, width: 1.4),
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: AppSpacing.xl,
|
||||
vertical: AppSpacing.lg,
|
||||
),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(AppRadii.md),
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
textButtonTheme: TextButtonThemeData(
|
||||
style: TextButton.styleFrom(
|
||||
foregroundColor: Colors.black54,
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: AppSpacing.lg,
|
||||
vertical: AppSpacing.md,
|
||||
),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(AppRadii.md),
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
inputDecorationTheme: InputDecorationTheme(
|
||||
filled: true,
|
||||
fillColor: const Color(0xFF242424),
|
||||
contentPadding: const EdgeInsets.all(18),
|
||||
fillColor: _surfaceRaisedL,
|
||||
hintStyle: const TextStyle(color: Colors.black38),
|
||||
contentPadding: const EdgeInsets.symmetric(
|
||||
horizontal: AppSpacing.lg,
|
||||
vertical: AppSpacing.lg,
|
||||
),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
borderSide: const BorderSide(
|
||||
color: Colors.white,
|
||||
width: 3,
|
||||
),
|
||||
borderRadius: BorderRadius.circular(AppRadii.md),
|
||||
borderSide: BorderSide.none,
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
borderSide: const BorderSide(
|
||||
color: Colors.white,
|
||||
width: 3,
|
||||
),
|
||||
borderRadius: BorderRadius.circular(AppRadii.md),
|
||||
borderSide: const BorderSide(color: _outlineL),
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
borderSide: const BorderSide(
|
||||
color: Color(0xFFFFD60A),
|
||||
width: 4,
|
||||
),
|
||||
borderRadius: BorderRadius.circular(AppRadii.md),
|
||||
borderSide: const BorderSide(color: _violetL, width: 2),
|
||||
),
|
||||
),
|
||||
|
||||
floatingActionButtonTheme: const FloatingActionButtonThemeData(
|
||||
backgroundColor: Color(0xFFFF5252),
|
||||
foregroundColor: Colors.white,
|
||||
elevation: 0,
|
||||
dialogTheme: DialogThemeData(
|
||||
backgroundColor: _surfaceL,
|
||||
surfaceTintColor: Colors.transparent,
|
||||
elevation: 8,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.all(Radius.circular(8)),
|
||||
side: BorderSide(
|
||||
color: Colors.white,
|
||||
width: 3,
|
||||
),
|
||||
borderRadius: BorderRadius.circular(AppRadii.lg),
|
||||
),
|
||||
titleTextStyle: const TextStyle(
|
||||
color: Colors.black87,
|
||||
fontSize: 19,
|
||||
fontWeight: FontWeight.w800,
|
||||
),
|
||||
contentTextStyle: const TextStyle(color: Colors.black54, height: 1.4),
|
||||
),
|
||||
|
||||
floatingActionButtonTheme: const FloatingActionButtonThemeData(
|
||||
backgroundColor: _violetL,
|
||||
foregroundColor: Colors.white,
|
||||
elevation: 2,
|
||||
),
|
||||
|
||||
navigationBarTheme: NavigationBarThemeData(
|
||||
backgroundColor: _surfaceL,
|
||||
indicatorColor: _violetL.withOpacity(0.15),
|
||||
labelTextStyle: const WidgetStatePropertyAll(
|
||||
TextStyle(fontWeight: FontWeight.w600),
|
||||
),
|
||||
),
|
||||
|
||||
listTileTheme: ListTileThemeData(
|
||||
tileColor: Colors.transparent,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(AppRadii.md),
|
||||
),
|
||||
iconColor: _violetSoftL,
|
||||
textColor: Colors.black87,
|
||||
contentPadding: const EdgeInsets.symmetric(
|
||||
horizontal: AppSpacing.md,
|
||||
vertical: AppSpacing.xs,
|
||||
),
|
||||
),
|
||||
|
||||
snackBarTheme: SnackBarThemeData(
|
||||
backgroundColor: const Color(0xFF242424),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
side: const BorderSide(
|
||||
color: Colors.white,
|
||||
width: 3,
|
||||
),
|
||||
),
|
||||
backgroundColor: Colors.black87,
|
||||
behavior: SnackBarBehavior.floating,
|
||||
),
|
||||
|
||||
dividerTheme: const DividerThemeData(
|
||||
color: Colors.white,
|
||||
thickness: 3,
|
||||
),
|
||||
|
||||
listTileTheme: ListTileThemeData(
|
||||
tileColor: const Color(0xFF242424),
|
||||
elevation: 4,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
side: const BorderSide(
|
||||
color: Colors.white,
|
||||
width: 3,
|
||||
),
|
||||
borderRadius: BorderRadius.circular(AppRadii.md),
|
||||
),
|
||||
textColor: Colors.white,
|
||||
iconColor: const Color(0xFFFFD60A),
|
||||
contentTextStyle: const TextStyle(color: Colors.white),
|
||||
),
|
||||
|
||||
dividerTheme: const DividerThemeData(color: _outlineL, thickness: 1, space: 1),
|
||||
|
||||
chipTheme: ChipThemeData(
|
||||
backgroundColor: _surfaceRaisedL,
|
||||
labelStyle: const TextStyle(
|
||||
color: Colors.black87,
|
||||
fontWeight: FontWeight.w600,
|
||||
fontSize: 12,
|
||||
),
|
||||
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(AppRadii.sm),
|
||||
side: const BorderSide(color: _outlineL),
|
||||
),
|
||||
),
|
||||
|
||||
textTheme: const TextTheme(
|
||||
displayLarge: TextStyle(color: Colors.black87, fontWeight: FontWeight.w800),
|
||||
headlineMedium: TextStyle(
|
||||
color: Colors.black87,
|
||||
fontWeight: FontWeight.w800,
|
||||
letterSpacing: -0.3,
|
||||
),
|
||||
titleLarge: TextStyle(
|
||||
color: Colors.black87,
|
||||
fontWeight: FontWeight.w800,
|
||||
letterSpacing: -0.2,
|
||||
),
|
||||
titleMedium: TextStyle(
|
||||
color: Colors.black87,
|
||||
fontWeight: FontWeight.w700,
|
||||
),
|
||||
bodyLarge: TextStyle(color: Colors.black54, fontSize: 16, height: 1.5),
|
||||
bodyMedium: TextStyle(color: Colors.black45, height: 1.4),
|
||||
bodySmall: TextStyle(color: Colors.black38, height: 1.3),
|
||||
labelLarge: TextStyle(color: Colors.black87, fontWeight: FontWeight.w700),
|
||||
),
|
||||
);
|
||||
Reference in New Issue
Block a user