d37f66d526
- 설정 화면에 SMS 권한 카드 추가: 상태 표시(허용/미허용/영구 거부), 권한 요청/설정 이동 지원\n- 기존 알림 권한 카드 스타일과 일관성 유지 feat(permissions): 최초 실행 시 SMS 권한 온보딩 화면 추가 및 Splash에서 라우팅 (Android) - 권한 필요 이유/수집 범위 현지화 문구 추가\n- 거부/영구거부 케이스 처리 및 설정 이동 chore(codex): AGENTS.md/체크 스크립트/CI/프롬프트 템플릿 추가 - AGENTS.md, scripts/check.sh, scripts/fix.sh, .github/workflows/flutter_ci.yml, .claude/agents/codex.md, 문서 템플릿 추가 refactor(logging): 경로별 print 제거 후 경량 로거(Log) 도입 - SMS 스캐너/컨트롤러, URL 매처, 데이터 리포지토리, 내비게이션, 메모리/성능 유틸 등 핵심 경로 치환 feat(exchange): 환율 API URL을 --dart-define로 오버라이드 가능 + 폴백 로깅 강화 test: URL 매처/환율 스모크 테스트 추가 chore(android): RECEIVE_SMS 권한 제거 (READ_SMS만 유지) fix(lints): dart fix + 수동 정리로 경고 대폭 감소, 비동기 context(mounted) 보강 fix(deprecations):\n- flutter_local_notifications의 androidAllowWhileIdle → androidScheduleMode 전환\n- WillPopScope → PopScope 교체 i18n: SMS 권한 온보딩/설정 문구 현지화 키 추가
368 lines
11 KiB
Dart
368 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,
|
|
surface: 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(
|
|
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,
|
|
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,
|
|
);
|
|
}
|
|
}
|