feat(ui): 레트로 다이얼로그 및 앱 테마 개선
- RetroDialog 스타일 업데이트 - 앱 테마 색상 및 스타일 통일 - 버튼/텍스트 스타일 일관성 강화
This commit is contained in:
JiWoong Sul
227
lib/src/app.dart
227
lib/src/app.dart
@@ -96,71 +96,64 @@ class _AskiiNeverDieAppState extends State<AskiiNeverDieApp> {
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
/// 라이트 테마
|
||||
/// 라이트 테마 (Classic Parchment 스타일)
|
||||
ThemeData get _lightTheme => ThemeData(
|
||||
colorScheme: ColorScheme.fromSeed(seedColor: const Color(0xFF234361)),
|
||||
scaffoldBackgroundColor: const Color(0xFFF4F5F7),
|
||||
useMaterial3: true,
|
||||
);
|
||||
|
||||
/// 다크 테마 (레트로 RPG 스타일)
|
||||
ThemeData get _darkTheme => ThemeData(
|
||||
colorScheme: RetroColors.colorScheme,
|
||||
scaffoldBackgroundColor: RetroColors.deepBrown,
|
||||
colorScheme: RetroColors.lightColorScheme,
|
||||
scaffoldBackgroundColor: const Color(0xFFFAF4ED),
|
||||
useMaterial3: true,
|
||||
// 카드/다이얼로그 레트로 배경
|
||||
cardColor: RetroColors.panelBg,
|
||||
dialogTheme: DialogThemeData(
|
||||
backgroundColor: RetroColors.panelBg,
|
||||
titleTextStyle: const TextStyle(
|
||||
cardColor: const Color(0xFFF2E8DC),
|
||||
dialogTheme: const DialogThemeData(
|
||||
backgroundColor: Color(0xFFF2E8DC),
|
||||
titleTextStyle: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 12,
|
||||
color: RetroColors.gold,
|
||||
color: Color(0xFFB8860B),
|
||||
),
|
||||
),
|
||||
// 앱바 레트로 스타일
|
||||
appBarTheme: AppBarTheme(
|
||||
backgroundColor: RetroColors.darkBrown,
|
||||
foregroundColor: RetroColors.textLight,
|
||||
titleTextStyle: const TextStyle(
|
||||
appBarTheme: const AppBarTheme(
|
||||
backgroundColor: Color(0xFFF2E8DC),
|
||||
foregroundColor: Color(0xFF1F1F28),
|
||||
titleTextStyle: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 12,
|
||||
color: RetroColors.gold,
|
||||
color: Color(0xFFB8860B),
|
||||
),
|
||||
),
|
||||
// 버튼 테마 (inherit: false로 애니메이션 lerp 오류 방지)
|
||||
// 버튼 테마
|
||||
filledButtonTheme: FilledButtonThemeData(
|
||||
style: FilledButton.styleFrom(
|
||||
backgroundColor: RetroColors.buttonPrimary,
|
||||
foregroundColor: RetroColors.textLight,
|
||||
backgroundColor: const Color(0xFFE8DDD0),
|
||||
foregroundColor: const Color(0xFF1F1F28),
|
||||
textStyle: const TextStyle(
|
||||
inherit: false,
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 10,
|
||||
color: RetroColors.textLight,
|
||||
color: Color(0xFF1F1F28),
|
||||
),
|
||||
),
|
||||
),
|
||||
outlinedButtonTheme: OutlinedButtonThemeData(
|
||||
style: OutlinedButton.styleFrom(
|
||||
foregroundColor: RetroColors.gold,
|
||||
side: const BorderSide(color: RetroColors.gold, width: 2),
|
||||
foregroundColor: const Color(0xFFB8860B),
|
||||
side: const BorderSide(color: Color(0xFFB8860B), width: 2),
|
||||
textStyle: const TextStyle(
|
||||
inherit: false,
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 10,
|
||||
color: RetroColors.gold,
|
||||
color: Color(0xFFB8860B),
|
||||
),
|
||||
),
|
||||
),
|
||||
textButtonTheme: TextButtonThemeData(
|
||||
style: TextButton.styleFrom(
|
||||
foregroundColor: RetroColors.cream,
|
||||
foregroundColor: const Color(0xFF4A4458),
|
||||
textStyle: const TextStyle(
|
||||
inherit: false,
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 10,
|
||||
color: RetroColors.cream,
|
||||
color: Color(0xFF4A4458),
|
||||
),
|
||||
),
|
||||
),
|
||||
@@ -169,71 +162,205 @@ class _AskiiNeverDieAppState extends State<AskiiNeverDieApp> {
|
||||
headlineLarge: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 18,
|
||||
color: RetroColors.gold,
|
||||
color: Color(0xFFB8860B),
|
||||
),
|
||||
headlineMedium: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 14,
|
||||
color: RetroColors.gold,
|
||||
color: Color(0xFFB8860B),
|
||||
),
|
||||
headlineSmall: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 12,
|
||||
color: RetroColors.gold,
|
||||
color: Color(0xFFB8860B),
|
||||
),
|
||||
titleLarge: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 12,
|
||||
color: RetroColors.textLight,
|
||||
color: Color(0xFF1F1F28),
|
||||
),
|
||||
titleMedium: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 10,
|
||||
color: RetroColors.textLight,
|
||||
color: Color(0xFF1F1F28),
|
||||
),
|
||||
titleSmall: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 8,
|
||||
color: RetroColors.textLight,
|
||||
color: Color(0xFF1F1F28),
|
||||
),
|
||||
bodyLarge: TextStyle(fontSize: 14, color: RetroColors.textLight),
|
||||
bodyMedium: TextStyle(fontSize: 12, color: RetroColors.textLight),
|
||||
bodySmall: TextStyle(fontSize: 10, color: RetroColors.textLight),
|
||||
bodyLarge: TextStyle(fontSize: 14, color: Color(0xFF1F1F28)),
|
||||
bodyMedium: TextStyle(fontSize: 12, color: Color(0xFF1F1F28)),
|
||||
bodySmall: TextStyle(fontSize: 10, color: Color(0xFF1F1F28)),
|
||||
labelLarge: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 10,
|
||||
color: RetroColors.textLight,
|
||||
color: Color(0xFF1F1F28),
|
||||
),
|
||||
labelMedium: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 8,
|
||||
color: RetroColors.textLight,
|
||||
color: Color(0xFF1F1F28),
|
||||
),
|
||||
labelSmall: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
color: RetroColors.textLight,
|
||||
color: Color(0xFF1F1F28),
|
||||
),
|
||||
),
|
||||
// 칩 테마
|
||||
chipTheme: ChipThemeData(
|
||||
backgroundColor: RetroColors.panelBgLight,
|
||||
labelStyle: const TextStyle(
|
||||
chipTheme: const ChipThemeData(
|
||||
backgroundColor: Color(0xFFE8DDD0),
|
||||
labelStyle: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 8,
|
||||
color: RetroColors.textLight,
|
||||
color: Color(0xFF1F1F28),
|
||||
),
|
||||
side: const BorderSide(color: RetroColors.panelBorderInner),
|
||||
side: BorderSide(color: Color(0xFF8B7355)),
|
||||
),
|
||||
// 리스트 타일 테마
|
||||
listTileTheme: const ListTileThemeData(
|
||||
textColor: RetroColors.textLight,
|
||||
iconColor: RetroColors.gold,
|
||||
textColor: Color(0xFF1F1F28),
|
||||
iconColor: Color(0xFFB8860B),
|
||||
),
|
||||
// 프로그레스 인디케이터
|
||||
progressIndicatorTheme: const ProgressIndicatorThemeData(
|
||||
color: RetroColors.gold,
|
||||
linearTrackColor: RetroColors.panelBorderOuter,
|
||||
color: Color(0xFFB8860B),
|
||||
linearTrackColor: Color(0xFFD4C4B0),
|
||||
),
|
||||
);
|
||||
|
||||
/// 다크 테마 (Dark Fantasy 스타일)
|
||||
ThemeData get _darkTheme => ThemeData(
|
||||
colorScheme: RetroColors.darkColorScheme,
|
||||
scaffoldBackgroundColor: RetroColors.deepBrown,
|
||||
useMaterial3: true,
|
||||
// 카드/다이얼로그 레트로 배경
|
||||
cardColor: RetroColors.darkBrown,
|
||||
dialogTheme: const DialogThemeData(
|
||||
backgroundColor: Color(0xFF24283B),
|
||||
titleTextStyle: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 12,
|
||||
color: Color(0xFFE0AF68),
|
||||
),
|
||||
),
|
||||
// 앱바 레트로 스타일
|
||||
appBarTheme: const AppBarTheme(
|
||||
backgroundColor: Color(0xFF24283B),
|
||||
foregroundColor: Color(0xFFC0CAF5),
|
||||
titleTextStyle: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 12,
|
||||
color: Color(0xFFE0AF68),
|
||||
),
|
||||
),
|
||||
// 버튼 테마 (inherit: false로 애니메이션 lerp 오류 방지)
|
||||
filledButtonTheme: FilledButtonThemeData(
|
||||
style: FilledButton.styleFrom(
|
||||
backgroundColor: const Color(0xFF3D4260),
|
||||
foregroundColor: const Color(0xFFC0CAF5),
|
||||
textStyle: const TextStyle(
|
||||
inherit: false,
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 10,
|
||||
color: Color(0xFFC0CAF5),
|
||||
),
|
||||
),
|
||||
),
|
||||
outlinedButtonTheme: OutlinedButtonThemeData(
|
||||
style: OutlinedButton.styleFrom(
|
||||
foregroundColor: const Color(0xFFE0AF68),
|
||||
side: const BorderSide(color: Color(0xFFE0AF68), width: 2),
|
||||
textStyle: const TextStyle(
|
||||
inherit: false,
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 10,
|
||||
color: Color(0xFFE0AF68),
|
||||
),
|
||||
),
|
||||
),
|
||||
textButtonTheme: TextButtonThemeData(
|
||||
style: TextButton.styleFrom(
|
||||
foregroundColor: const Color(0xFFC0CAF5),
|
||||
textStyle: const TextStyle(
|
||||
inherit: false,
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 10,
|
||||
color: Color(0xFFC0CAF5),
|
||||
),
|
||||
),
|
||||
),
|
||||
// 텍스트 테마
|
||||
textTheme: const TextTheme(
|
||||
headlineLarge: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 18,
|
||||
color: Color(0xFFE0AF68),
|
||||
),
|
||||
headlineMedium: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 14,
|
||||
color: Color(0xFFE0AF68),
|
||||
),
|
||||
headlineSmall: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 12,
|
||||
color: Color(0xFFE0AF68),
|
||||
),
|
||||
titleLarge: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 12,
|
||||
color: Color(0xFFC0CAF5),
|
||||
),
|
||||
titleMedium: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 10,
|
||||
color: Color(0xFFC0CAF5),
|
||||
),
|
||||
titleSmall: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 8,
|
||||
color: Color(0xFFC0CAF5),
|
||||
),
|
||||
bodyLarge: TextStyle(fontSize: 14, color: Color(0xFFC0CAF5)),
|
||||
bodyMedium: TextStyle(fontSize: 12, color: Color(0xFFC0CAF5)),
|
||||
bodySmall: TextStyle(fontSize: 10, color: Color(0xFFC0CAF5)),
|
||||
labelLarge: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 10,
|
||||
color: Color(0xFFC0CAF5),
|
||||
),
|
||||
labelMedium: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 8,
|
||||
color: Color(0xFFC0CAF5),
|
||||
),
|
||||
labelSmall: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 6,
|
||||
color: Color(0xFFC0CAF5),
|
||||
),
|
||||
),
|
||||
// 칩 테마
|
||||
chipTheme: const ChipThemeData(
|
||||
backgroundColor: Color(0xFF2A2E3F),
|
||||
labelStyle: TextStyle(
|
||||
fontFamily: 'PressStart2P',
|
||||
fontSize: 8,
|
||||
color: Color(0xFFC0CAF5),
|
||||
),
|
||||
side: BorderSide(color: Color(0xFF545C7E)),
|
||||
),
|
||||
// 리스트 타일 테마
|
||||
listTileTheme: const ListTileThemeData(
|
||||
textColor: Color(0xFFC0CAF5),
|
||||
iconColor: Color(0xFFE0AF68),
|
||||
),
|
||||
// 프로그레스 인디케이터
|
||||
progressIndicatorTheme: const ProgressIndicatorThemeData(
|
||||
color: Color(0xFFE0AF68),
|
||||
linearTrackColor: Color(0xFF3B4261),
|
||||
),
|
||||
);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user