9f1d29c99d
- SMS 화면에서 그림자가 제대로 표시되지 않던 문제 수정 - Stack 구조를 Container로 단순화하여 렌더링 최적화 - RenderFlex overflow 오류 해결 (패딩 및 아이콘 크기 조정) - Android 패키지명 변경 및 빌드 설정 업데이트
379 lines
11 KiB
Dart
379 lines
11 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'app_colors.dart';
|
|
import 'app_theme.dart';
|
|
|
|
/// 적응형 테마 관리 클래스
|
|
class AdaptiveTheme {
|
|
/// 라이트 테마
|
|
static ThemeData get lightTheme => AppTheme.lightTheme;
|
|
|
|
/// 다크 테마
|
|
static ThemeData get darkTheme {
|
|
return ThemeData(
|
|
useMaterial3: true,
|
|
brightness: Brightness.dark,
|
|
colorScheme: const ColorScheme.dark(
|
|
primary: AppColors.primaryColor,
|
|
onPrimary: Colors.white,
|
|
secondary: AppColors.secondaryColor,
|
|
tertiary: AppColors.infoColor,
|
|
error: AppColors.dangerColor,
|
|
background: const Color(0xFF121212),
|
|
surface: const Color(0xFF1E1E1E),
|
|
),
|
|
|
|
scaffoldBackgroundColor: const Color(0xFF121212),
|
|
|
|
cardTheme: CardThemeData(
|
|
color: const Color(0xFF1E1E1E),
|
|
elevation: 2,
|
|
shadowColor: Colors.black.withValues(alpha: 0.3),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(16),
|
|
side: BorderSide(color: Colors.white.withValues(alpha: 0.1), width: 0.5),
|
|
),
|
|
clipBehavior: Clip.antiAlias,
|
|
margin: const EdgeInsets.symmetric(vertical: 8, horizontal: 16),
|
|
),
|
|
|
|
appBarTheme: AppBarTheme(
|
|
backgroundColor: const Color(0xFF1E1E1E),
|
|
foregroundColor: Colors.white,
|
|
elevation: 0,
|
|
centerTitle: false,
|
|
titleTextStyle: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 22,
|
|
fontWeight: FontWeight.w600,
|
|
letterSpacing: -0.2,
|
|
),
|
|
iconTheme: IconThemeData(
|
|
color: Colors.white.withValues(alpha: 0.9),
|
|
size: 24,
|
|
),
|
|
),
|
|
|
|
textTheme: TextTheme(
|
|
headlineLarge: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 32,
|
|
fontWeight: FontWeight.w700,
|
|
letterSpacing: -0.5,
|
|
height: 1.2,
|
|
),
|
|
headlineMedium: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 28,
|
|
fontWeight: FontWeight.w700,
|
|
letterSpacing: -0.5,
|
|
height: 1.2,
|
|
),
|
|
headlineSmall: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 24,
|
|
fontWeight: FontWeight.w600,
|
|
letterSpacing: -0.25,
|
|
height: 1.3,
|
|
),
|
|
titleLarge: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.w600,
|
|
letterSpacing: -0.2,
|
|
height: 1.4,
|
|
),
|
|
titleMedium: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.w600,
|
|
letterSpacing: -0.1,
|
|
height: 1.4,
|
|
),
|
|
titleSmall: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w600,
|
|
letterSpacing: 0,
|
|
height: 1.4,
|
|
),
|
|
bodyLarge: TextStyle(
|
|
color: Colors.white.withValues(alpha: 0.9),
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w400,
|
|
letterSpacing: 0.1,
|
|
height: 1.5,
|
|
),
|
|
bodyMedium: TextStyle(
|
|
color: Colors.white.withValues(alpha: 0.7),
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w400,
|
|
letterSpacing: 0.1,
|
|
height: 1.5,
|
|
),
|
|
bodySmall: TextStyle(
|
|
color: Colors.white.withValues(alpha: 0.5),
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w400,
|
|
letterSpacing: 0.2,
|
|
height: 1.5,
|
|
),
|
|
),
|
|
|
|
inputDecorationTheme: InputDecorationTheme(
|
|
filled: true,
|
|
fillColor: const Color(0xFF2A2A2A),
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 16),
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
borderSide: BorderSide.none,
|
|
),
|
|
enabledBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
borderSide: BorderSide(color: Colors.white.withValues(alpha: 0.1), width: 1),
|
|
),
|
|
focusedBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
borderSide: const BorderSide(color: AppColors.primaryColor, width: 1.5),
|
|
),
|
|
errorBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
borderSide: const BorderSide(color: AppColors.dangerColor, width: 1),
|
|
),
|
|
labelStyle: TextStyle(
|
|
color: Colors.white.withValues(alpha: 0.7),
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
hintStyle: TextStyle(
|
|
color: Colors.white.withValues(alpha: 0.5),
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w400,
|
|
),
|
|
),
|
|
|
|
elevatedButtonTheme: ElevatedButtonThemeData(
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: AppColors.primaryColor,
|
|
foregroundColor: Colors.white,
|
|
minimumSize: const Size(0, 48),
|
|
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
elevation: 0,
|
|
),
|
|
),
|
|
|
|
dividerTheme: DividerThemeData(
|
|
color: Colors.white.withValues(alpha: 0.1),
|
|
thickness: 1,
|
|
space: 16,
|
|
),
|
|
);
|
|
}
|
|
|
|
/// OLED 최적화 다크 테마
|
|
static ThemeData get oledTheme {
|
|
return darkTheme.copyWith(
|
|
scaffoldBackgroundColor: Colors.black,
|
|
colorScheme: darkTheme.colorScheme.copyWith(
|
|
background: Colors.black,
|
|
surface: const Color(0xFF0A0A0A),
|
|
),
|
|
cardTheme: darkTheme.cardTheme.copyWith(
|
|
color: const Color(0xFF0A0A0A),
|
|
),
|
|
appBarTheme: darkTheme.appBarTheme.copyWith(
|
|
backgroundColor: Colors.black,
|
|
),
|
|
inputDecorationTheme: darkTheme.inputDecorationTheme.copyWith(
|
|
fillColor: const Color(0xFF0A0A0A),
|
|
),
|
|
);
|
|
}
|
|
|
|
/// 고대비 테마
|
|
static ThemeData get highContrastTheme {
|
|
return ThemeData(
|
|
useMaterial3: true,
|
|
brightness: Brightness.light,
|
|
colorScheme: const ColorScheme.highContrastLight(
|
|
primary: Colors.black,
|
|
secondary: Colors.black87,
|
|
tertiary: Colors.black54,
|
|
error: Colors.red,
|
|
background: Colors.white,
|
|
surface: Colors.white,
|
|
),
|
|
|
|
textTheme: const TextTheme(
|
|
headlineLarge: TextStyle(
|
|
color: Colors.black,
|
|
fontSize: 32,
|
|
fontWeight: FontWeight.w900,
|
|
),
|
|
headlineMedium: TextStyle(
|
|
color: Colors.black,
|
|
fontSize: 28,
|
|
fontWeight: FontWeight.w900,
|
|
),
|
|
headlineSmall: TextStyle(
|
|
color: Colors.black,
|
|
fontSize: 24,
|
|
fontWeight: FontWeight.w800,
|
|
),
|
|
bodyLarge: TextStyle(
|
|
color: Colors.black,
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
bodyMedium: TextStyle(
|
|
color: Colors.black87,
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
|
|
cardTheme: CardThemeData(
|
|
elevation: 0,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(8),
|
|
side: const BorderSide(color: Colors.black, width: 2),
|
|
),
|
|
),
|
|
|
|
elevatedButtonTheme: ElevatedButtonThemeData(
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: Colors.black,
|
|
foregroundColor: Colors.white,
|
|
side: const BorderSide(color: Colors.black, width: 2),
|
|
textStyle: const TextStyle(
|
|
fontWeight: FontWeight.w700,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
/// 시스템 테마에 따른 상태바 스타일 적용
|
|
static void applySystemUIOverlay(BuildContext context) {
|
|
final brightness = Theme.of(context).brightness;
|
|
final isOled = Theme.of(context).scaffoldBackgroundColor == Colors.black;
|
|
|
|
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
|
|
statusBarColor: Colors.transparent,
|
|
statusBarIconBrightness: brightness == Brightness.dark
|
|
? Brightness.light
|
|
: Brightness.dark,
|
|
statusBarBrightness: brightness == Brightness.dark
|
|
? Brightness.light
|
|
: Brightness.dark,
|
|
systemNavigationBarColor: isOled
|
|
? Colors.black
|
|
: (brightness == Brightness.dark
|
|
? const Color(0xFF121212)
|
|
: Colors.white),
|
|
systemNavigationBarIconBrightness: brightness == Brightness.dark
|
|
? Brightness.light
|
|
: Brightness.dark,
|
|
));
|
|
}
|
|
|
|
/// 접근성 설정에 따른 테마 조정
|
|
static ThemeData getAccessibleTheme(
|
|
ThemeData baseTheme, {
|
|
required bool largeText,
|
|
required bool reduceMotion,
|
|
required bool highContrast,
|
|
}) {
|
|
if (highContrast) {
|
|
return highContrastTheme;
|
|
}
|
|
|
|
ThemeData theme = baseTheme;
|
|
|
|
if (largeText) {
|
|
theme = theme.copyWith(
|
|
textTheme: theme.textTheme.apply(
|
|
fontSizeFactor: 1.2,
|
|
),
|
|
);
|
|
}
|
|
|
|
if (reduceMotion) {
|
|
theme = theme.copyWith(
|
|
pageTransitionsTheme: const PageTransitionsTheme(
|
|
builders: {
|
|
TargetPlatform.android: FadeUpwardsPageTransitionsBuilder(),
|
|
TargetPlatform.iOS: FadeUpwardsPageTransitionsBuilder(),
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
return theme;
|
|
}
|
|
}
|
|
|
|
/// 테마 모드 열거형
|
|
enum AppThemeMode {
|
|
light,
|
|
dark,
|
|
oled,
|
|
system,
|
|
}
|
|
|
|
/// 테마 설정 클래스
|
|
class ThemeSettings {
|
|
final AppThemeMode mode;
|
|
final bool useSystemColors;
|
|
final bool largeText;
|
|
final bool reduceMotion;
|
|
final bool highContrast;
|
|
|
|
const ThemeSettings({
|
|
this.mode = AppThemeMode.system,
|
|
this.useSystemColors = false,
|
|
this.largeText = false,
|
|
this.reduceMotion = false,
|
|
this.highContrast = false,
|
|
});
|
|
|
|
ThemeSettings copyWith({
|
|
AppThemeMode? mode,
|
|
bool? useSystemColors,
|
|
bool? largeText,
|
|
bool? reduceMotion,
|
|
bool? highContrast,
|
|
}) {
|
|
return ThemeSettings(
|
|
mode: mode ?? this.mode,
|
|
useSystemColors: useSystemColors ?? this.useSystemColors,
|
|
largeText: largeText ?? this.largeText,
|
|
reduceMotion: reduceMotion ?? this.reduceMotion,
|
|
highContrast: highContrast ?? this.highContrast,
|
|
);
|
|
}
|
|
|
|
Map<String, dynamic> toJson() => {
|
|
'mode': mode.name,
|
|
'useSystemColors': useSystemColors,
|
|
'largeText': largeText,
|
|
'reduceMotion': reduceMotion,
|
|
'highContrast': highContrast,
|
|
};
|
|
|
|
factory ThemeSettings.fromJson(Map<String, dynamic> json) {
|
|
return ThemeSettings(
|
|
mode: AppThemeMode.values.firstWhere(
|
|
(mode) => mode.name == json['mode'],
|
|
orElse: () => AppThemeMode.system,
|
|
),
|
|
useSystemColors: json['useSystemColors'] ?? false,
|
|
largeText: json['largeText'] ?? false,
|
|
reduceMotion: json['reduceMotion'] ?? false,
|
|
highContrast: json['highContrast'] ?? false,
|
|
);
|
|
}
|
|
} |