chore(macos): Podfile.lock 업데이트

fix(ui): 게임 위젯들 레이아웃 및 스타일 수정
- death_overlay: 레이아웃 개선 - help_dialog, statistics_dialog: 스타일 통일 - notification_overlay: 간소화 - carousel_nav_bar: 스타일 업데이트 - mobile_carousel_layout: 레이아웃 조정
2025-12-30 23:57:19 +09:00 · 2025-12-30 23:57:11 +09:00 · 2025-12-30 23:57:03 +09:00 · 2025-12-30 23:56:55 +09:00
10 changed files with 715 additions and 374 deletions
--- a/lib/src/app.dart
+++ b/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),
    ),
  );

--- a/lib/src/features/game/layouts/mobile_carousel_layout.dart
+++ b/lib/src/features/game/layouts/mobile_carousel_layout.dart
@@ -355,11 +355,14 @@ class _MobileCarouselLayoutState extends State<MobileCarouselLayout> {
  /// 옵션 메뉴 표시
  void _showOptionsMenu(BuildContext context) {
    final localizations = L10n.of(context);
+    final panelBg = RetroColors.panelBgOf(context);
+    final gold = RetroColors.goldOf(context);
+    final surface = RetroColors.surfaceOf(context);

    showModalBottomSheet<void>(
      context: context,
      isScrollControlled: true,
-      backgroundColor: RetroColors.panelBg,
+      backgroundColor: panelBg,
      constraints: BoxConstraints(
        maxHeight: MediaQuery.of(context).size.height * 0.7,
      ),
@@ -372,18 +375,18 @@ class _MobileCarouselLayoutState extends State<MobileCarouselLayout> {
            Container(
              padding: const EdgeInsets.all(16),
              width: double.infinity,
-              decoration: const BoxDecoration(
-                color: RetroColors.darkBrown,
+              decoration: BoxDecoration(
+                color: surface,
                border: Border(
-                  bottom: BorderSide(color: RetroColors.gold, width: 2),
+                  bottom: BorderSide(color: gold, width: 2),
                ),
              ),
-              child: const Text(
+              child: Text(
                'OPTIONS',
                style: TextStyle(
                  fontFamily: 'PressStart2P',
                  fontSize: 12,
-                  color: RetroColors.gold,
+                  color: gold,
                ),
              ),
            ),
@@ -558,23 +561,26 @@ class _MobileCarouselLayoutState extends State<MobileCarouselLayout> {
  @override
  Widget build(BuildContext context) {
    final state = widget.state;
+    final background = RetroColors.backgroundOf(context);
+    final panelBg = RetroColors.panelBgOf(context);
+    final gold = RetroColors.goldOf(context);

    return Scaffold(
-      backgroundColor: RetroColors.deepBrown,
+      backgroundColor: background,
      appBar: AppBar(
-        backgroundColor: RetroColors.darkBrown,
+        backgroundColor: panelBg,
        title: Text(
          L10n.of(context).progressQuestTitle(state.traits.name),
-          style: const TextStyle(
+          style: TextStyle(
            fontFamily: 'PressStart2P',
            fontSize: 10,
-            color: RetroColors.gold,
+            color: gold,
          ),
        ),
        actions: [
          // 옵션 버튼
          IconButton(
-            icon: const Icon(Icons.settings, color: RetroColors.gold),
+            icon: Icon(Icons.settings, color: gold),
            onPressed: () => _showOptionsMenu(context),
            tooltip: l10n.menuOptions,
          ),
--- a/lib/src/features/game/widgets/carousel_nav_bar.dart
+++ b/lib/src/features/game/widgets/carousel_nav_bar.dart
@@ -30,26 +30,38 @@ class CarouselNavBar extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
+    // 하단 SafeArea 패딩 (Android 제스처 네비게이션 영역)
+    final bottomPadding = MediaQuery.of(context).padding.bottom;
+    final panelBg = RetroColors.panelBgOf(context);
+    final accent = RetroColors.goldOf(context);
+
    return Container(
-      height: 56,
-      padding: const EdgeInsets.symmetric(horizontal: 2, vertical: 4),
-      decoration: const BoxDecoration(
-        color: RetroColors.darkBrown,
+      padding: EdgeInsets.only(
+        left: 2,
+        right: 2,
+        top: 4,
+        bottom: 4 + bottomPadding,
+      ),
+      decoration: BoxDecoration(
+        color: panelBg,
        border: Border(
-          top: BorderSide(color: RetroColors.gold, width: 2),
+          top: BorderSide(color: accent, width: 2),
        ),
      ),
-      child: Row(
-        children: CarouselPage.values.map((page) {
-          final isSelected = page.index == currentPage;
-          return Expanded(
-            child: _NavButton(
-              page: page,
-              isSelected: isSelected,
-              onTap: () => onPageSelected(page.index),
-            ),
-          );
-        }).toList(),
+      child: SizedBox(
+        height: 48,
+        child: Row(
+          children: CarouselPage.values.map((page) {
+            final isSelected = page.index == currentPage;
+            return Expanded(
+              child: _NavButton(
+                page: page,
+                isSelected: isSelected,
+                onTap: () => onPageSelected(page.index),
+              ),
+            );
+          }).toList(),
+        ),
      ),
    );
  }
@@ -70,10 +82,12 @@ class _NavButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final (icon, label) = _getIconAndLabel(page);
-    final color = isSelected ? RetroColors.gold : RetroColors.textDisabled;
-    final bgColor = isSelected
-        ? RetroColors.panelBgLight
-        : Colors.transparent;
+    final accent = RetroColors.goldOf(context);
+    final muted = RetroColors.textMutedOf(context);
+    final surface = RetroColors.surfaceOf(context);
+
+    final color = isSelected ? accent : muted;
+    final bgColor = isSelected ? surface : Colors.transparent;

    return GestureDetector(
      onTap: onTap,
@@ -82,9 +96,7 @@ class _NavButton extends StatelessWidget {
        padding: const EdgeInsets.symmetric(vertical: 4),
        decoration: BoxDecoration(
          color: bgColor,
-          border: isSelected
-              ? Border.all(color: RetroColors.gold, width: 1)
-              : null,
+          border: isSelected ? Border.all(color: accent, width: 1) : null,
        ),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
--- a/lib/src/features/game/widgets/death_overlay.dart
+++ b/lib/src/features/game/widgets/death_overlay.dart
@@ -28,6 +28,12 @@ class DeathOverlay extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
+    // 테마 인식 색상 (Theme-aware colors)
+    final hpColor = RetroColors.hpOf(context);
+    final hpDark = RetroColors.hpDarkOf(context);
+    final panelBg = RetroColors.panelBgOf(context);
+    final borderColor = RetroColors.borderOf(context);
+
    return Material(
      color: Colors.black.withValues(alpha: 0.9),
      child: Center(
@@ -35,16 +41,16 @@ class DeathOverlay extends StatelessWidget {
          constraints: const BoxConstraints(maxWidth: 420),
          margin: const EdgeInsets.all(24),
          decoration: BoxDecoration(
-            color: RetroColors.panelBg,
-            border: const Border(
-              top: BorderSide(color: RetroColors.hpRed, width: 4),
-              left: BorderSide(color: RetroColors.hpRed, width: 4),
-              bottom: BorderSide(color: RetroColors.panelBorderOuter, width: 4),
-              right: BorderSide(color: RetroColors.panelBorderOuter, width: 4),
+            color: panelBg,
+            border: Border(
+              top: BorderSide(color: hpColor, width: 4),
+              left: BorderSide(color: hpColor, width: 4),
+              bottom: BorderSide(color: borderColor, width: 4),
+              right: BorderSide(color: borderColor, width: 4),
            ),
            boxShadow: [
              BoxShadow(
-                color: RetroColors.hpRed.withValues(alpha: 0.5),
+                color: hpColor.withValues(alpha: 0.5),
                blurRadius: 30,
                spreadRadius: 5,
              ),
@@ -58,32 +64,32 @@ class DeathOverlay extends StatelessWidget {
                width: double.infinity,
                padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
                decoration: BoxDecoration(
-                  color: RetroColors.hpRed.withValues(alpha: 0.3),
-                  border: const Border(
-                    bottom: BorderSide(color: RetroColors.hpRed, width: 2),
+                  color: hpColor.withValues(alpha: 0.3),
+                  border: Border(
+                    bottom: BorderSide(color: hpColor, width: 2),
                  ),
                ),
-                child: const Row(
+                child: Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Text(
                      '☠',
-                      style: TextStyle(fontSize: 16, color: RetroColors.hpRed),
+                      style: TextStyle(fontSize: 16, color: hpColor),
                    ),
-                    SizedBox(width: 8),
+                    const SizedBox(width: 8),
                    Text(
                      'GAME OVER',
                      style: TextStyle(
                        fontFamily: 'PressStart2P',
                        fontSize: 12,
-                        color: RetroColors.hpRed,
+                        color: hpColor,
                        letterSpacing: 2,
                      ),
                    ),
-                    SizedBox(width: 8),
+                    const SizedBox(width: 8),
                    Text(
                      '☠',
-                      style: TextStyle(fontSize: 16, color: RetroColors.hpRed),
+                      style: TextStyle(fontSize: 16, color: hpColor),
                    ),
                  ],
                ),
@@ -107,7 +113,7 @@ class DeathOverlay extends StatelessWidget {
                    const SizedBox(height: 20),

                    // 구분선
-                    _buildRetroDivider(),
+                    _buildRetroDivider(hpColor, hpDark),
                    const SizedBox(height: 16),

                    // 상실 정보
@@ -116,7 +122,7 @@ class DeathOverlay extends StatelessWidget {
                    // 전투 로그 (있는 경우만 표시)
                    if (deathInfo.lastCombatEvents.isNotEmpty) ...[
                      const SizedBox(height: 16),
-                      _buildRetroDivider(),
+                      _buildRetroDivider(hpColor, hpDark),
                      const SizedBox(height: 8),
                      _buildCombatLog(context),
                    ],
@@ -136,16 +142,16 @@ class DeathOverlay extends StatelessWidget {
  }

  /// 레트로 스타일 구분선
-  Widget _buildRetroDivider() {
+  Widget _buildRetroDivider(Color hpColor, Color hpDark) {
    return Container(
      height: 2,
-      decoration: const BoxDecoration(
+      decoration: BoxDecoration(
        gradient: LinearGradient(
          colors: [
            Colors.transparent,
-            RetroColors.hpRedDark,
-            RetroColors.hpRed,
-            RetroColors.hpRedDark,
+            hpDark,
+            hpColor,
+            hpDark,
            Colors.transparent,
          ],
        ),
@@ -154,10 +160,13 @@ class DeathOverlay extends StatelessWidget {
  }

  Widget _buildDeathTitle(BuildContext context) {
+    final hpColor = RetroColors.hpOf(context);
+    final hpDark = RetroColors.hpDarkOf(context);
+
    return Column(
      children: [
        // ASCII 스컬 (더 큰 버전)
-        const Text(
+        Text(
          '    _____ \n'
          '   /     \\\n'
          '  | () () |\n'
@@ -166,7 +175,7 @@ class DeathOverlay extends StatelessWidget {
          style: TextStyle(
            fontFamily: 'JetBrainsMono',
            fontSize: 12,
-            color: RetroColors.hpRed,
+            color: hpColor,
            height: 1.0,
          ),
          textAlign: TextAlign.center,
@@ -174,14 +183,14 @@ class DeathOverlay extends StatelessWidget {
        const SizedBox(height: 12),
        Text(
          l10n.deathYouDied.toUpperCase(),
-          style: const TextStyle(
+          style: TextStyle(
            fontFamily: 'PressStart2P',
            fontSize: 14,
-            color: RetroColors.hpRed,
+            color: hpColor,
            letterSpacing: 2,
            shadows: [
-              Shadow(color: Colors.black, blurRadius: 4),
-              Shadow(color: RetroColors.hpRedDark, blurRadius: 8),
+              const Shadow(color: Colors.black, blurRadius: 4),
+              Shadow(color: hpDark, blurRadius: 8),
            ],
          ),
        ),
@@ -190,29 +199,34 @@ class DeathOverlay extends StatelessWidget {
  }

  Widget _buildCharacterInfo(BuildContext context) {
+    final surface = RetroColors.surfaceOf(context);
+    final borderLight = RetroColors.borderLightOf(context);
+    final gold = RetroColors.goldOf(context);
+    final textPrimary = RetroColors.textPrimaryOf(context);
+
    return Container(
      padding: const EdgeInsets.all(12),
      decoration: BoxDecoration(
-        color: RetroColors.panelBgLight.withValues(alpha: 0.5),
-        border: Border.all(color: RetroColors.panelBorderInner, width: 1),
+        color: surface.withValues(alpha: 0.5),
+        border: Border.all(color: borderLight, width: 1),
      ),
      child: Column(
        children: [
          Text(
            traits.name,
-            style: const TextStyle(
+            style: TextStyle(
              fontFamily: 'PressStart2P',
              fontSize: 11,
-              color: RetroColors.gold,
+              color: gold,
            ),
          ),
          const SizedBox(height: 6),
          Text(
            'Lv.${deathInfo.levelAtDeath} ${GameDataL10n.getKlassName(context, traits.klass)}',
-            style: const TextStyle(
+            style: TextStyle(
              fontFamily: 'PressStart2P',
              fontSize: 8,
-              color: RetroColors.textLight,
+              color: textPrimary,
            ),
          ),
        ],
@@ -222,28 +236,30 @@ class DeathOverlay extends StatelessWidget {

  Widget _buildDeathCause(BuildContext context) {
    final causeText = _getDeathCauseText();
+    final hpColor = RetroColors.hpOf(context);
+    final hpDark = RetroColors.hpDarkOf(context);

    return Container(
      padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
      decoration: BoxDecoration(
-        color: RetroColors.hpRedDark.withValues(alpha: 0.3),
-        border: Border.all(color: RetroColors.hpRed.withValues(alpha: 0.5)),
+        color: hpDark.withValues(alpha: 0.3),
+        border: Border.all(color: hpColor.withValues(alpha: 0.5)),
      ),
      child: Row(
        mainAxisSize: MainAxisSize.min,
        children: [
-          const Text(
+          Text(
            '⚔',
-            style: TextStyle(fontSize: 14, color: RetroColors.hpRed),
+            style: TextStyle(fontSize: 14, color: hpColor),
          ),
          const SizedBox(width: 8),
          Flexible(
            child: Text(
              causeText,
-              style: const TextStyle(
+              style: TextStyle(
                fontFamily: 'PressStart2P',
                fontSize: 7,
-                color: RetroColors.hpRed,
+                color: hpColor,
              ),
              textAlign: TextAlign.center,
            ),
@@ -263,6 +279,11 @@ class DeathOverlay extends StatelessWidget {

  Widget _buildLossInfo(BuildContext context) {
    final hasLostItem = deathInfo.lostItemName != null;
+    final hpColor = RetroColors.hpOf(context);
+    final hpDark = RetroColors.hpDarkOf(context);
+    final muted = RetroColors.textMutedOf(context);
+    final expColor = RetroColors.expOf(context);
+    final gold = RetroColors.goldOf(context);

    return Column(
      children: [
@@ -271,9 +292,9 @@ class DeathOverlay extends StatelessWidget {
          Container(
            padding: const EdgeInsets.all(10),
            decoration: BoxDecoration(
-              color: RetroColors.hpRedDark.withValues(alpha: 0.2),
+              color: hpDark.withValues(alpha: 0.2),
              border: Border.all(
-                color: RetroColors.hpRed.withValues(alpha: 0.4),
+                color: hpColor.withValues(alpha: 0.4),
              ),
            ),
            child: Row(
@@ -289,19 +310,19 @@ class DeathOverlay extends StatelessWidget {
                    children: [
                      Text(
                        l10n.deathSacrificedToResurrect.toUpperCase(),
-                        style: const TextStyle(
+                        style: TextStyle(
                          fontFamily: 'PressStart2P',
                          fontSize: 6,
-                          color: RetroColors.textDisabled,
+                          color: muted,
                        ),
                      ),
                      const SizedBox(height: 4),
                      Text(
                        deathInfo.lostItemName!,
-                        style: const TextStyle(
+                        style: TextStyle(
                          fontFamily: 'PressStart2P',
                          fontSize: 7,
-                          color: RetroColors.hpRed,
+                          color: hpColor,
                        ),
                      ),
                    ],
@@ -317,7 +338,7 @@ class DeathOverlay extends StatelessWidget {
            asciiIcon: '✓',
            label: l10n.deathEquipment,
            value: l10n.deathNoSacrificeNeeded,
-            valueColor: RetroColors.expGreen,
+            valueColor: expColor,
          ),
          const SizedBox(height: 8),
        ],
@@ -326,7 +347,7 @@ class DeathOverlay extends StatelessWidget {
          asciiIcon: '💰',
          label: l10n.deathCoinRemaining,
          value: _formatGold(deathInfo.goldAtDeath),
-          valueColor: RetroColors.gold,
+          valueColor: gold,
        ),
      ],
    );
@@ -339,6 +360,8 @@ class DeathOverlay extends StatelessWidget {
    required String value,
    required Color valueColor,
  }) {
+    final muted = RetroColors.textMutedOf(context);
+
    return Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: [
@@ -351,10 +374,10 @@ class DeathOverlay extends StatelessWidget {
            const SizedBox(width: 8),
            Text(
              label,
-              style: const TextStyle(
+              style: TextStyle(
                fontFamily: 'PressStart2P',
                fontSize: 6,
-                color: RetroColors.textDisabled,
+                color: muted,
              ),
            ),
          ],
@@ -381,22 +404,25 @@ class DeathOverlay extends StatelessWidget {
  }

  Widget _buildResurrectButton(BuildContext context) {
+    final expColor = RetroColors.expOf(context);
+    final expDark = RetroColors.expDarkOf(context);
+
    return GestureDetector(
      onTap: onResurrect,
      child: Container(
        width: double.infinity,
        padding: const EdgeInsets.symmetric(vertical: 12),
        decoration: BoxDecoration(
-          color: RetroColors.expGreen.withValues(alpha: 0.2),
+          color: expColor.withValues(alpha: 0.2),
          border: Border(
-            top: const BorderSide(color: RetroColors.expGreen, width: 3),
-            left: const BorderSide(color: RetroColors.expGreen, width: 3),
+            top: BorderSide(color: expColor, width: 3),
+            left: BorderSide(color: expColor, width: 3),
            bottom: BorderSide(
-              color: RetroColors.expGreenDark.withValues(alpha: 0.8),
+              color: expDark.withValues(alpha: 0.8),
              width: 3,
            ),
            right: BorderSide(
-              color: RetroColors.expGreenDark.withValues(alpha: 0.8),
+              color: expDark.withValues(alpha: 0.8),
              width: 3,
            ),
          ),
@@ -404,21 +430,21 @@ class DeathOverlay extends StatelessWidget {
        child: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
-            const Text(
+            Text(
              '↺',
              style: TextStyle(
                fontSize: 16,
-                color: RetroColors.expGreen,
+                color: expColor,
                fontWeight: FontWeight.bold,
              ),
            ),
            const SizedBox(width: 8),
            Text(
              l10n.deathResurrect.toUpperCase(),
-              style: const TextStyle(
+              style: TextStyle(
                fontFamily: 'PressStart2P',
                fontSize: 10,
-                color: RetroColors.expGreen,
+                color: expColor,
                letterSpacing: 1,
              ),
            ),
@@ -431,6 +457,9 @@ class DeathOverlay extends StatelessWidget {
  /// 사망 직전 전투 로그 표시
  Widget _buildCombatLog(BuildContext context) {
    final events = deathInfo.lastCombatEvents;
+    final gold = RetroColors.goldOf(context);
+    final background = RetroColors.backgroundOf(context);
+    final borderColor = RetroColors.borderOf(context);

    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
@@ -444,10 +473,10 @@ class DeathOverlay extends StatelessWidget {
            const SizedBox(width: 6),
            Text(
              l10n.deathCombatLog.toUpperCase(),
-              style: const TextStyle(
+              style: TextStyle(
                fontFamily: 'PressStart2P',
                fontSize: 7,
-                color: RetroColors.gold,
+                color: gold,
              ),
            ),
          ],
@@ -456,8 +485,8 @@ class DeathOverlay extends StatelessWidget {
        Container(
          constraints: const BoxConstraints(maxHeight: 100),
          decoration: BoxDecoration(
-            color: RetroColors.deepBrown,
-            border: Border.all(color: RetroColors.panelBorderOuter, width: 2),
+            color: background,
+            border: Border.all(color: borderColor, width: 2),
          ),
          child: ListView.builder(
            shrinkWrap: true,
@@ -475,7 +504,7 @@ class DeathOverlay extends StatelessWidget {

  /// 개별 전투 이벤트 타일
  Widget _buildCombatEventTile(BuildContext context, CombatEvent event) {
-    final (asciiIcon, color, message) = _formatCombatEvent(event);
+    final (asciiIcon, color, message) = _formatCombatEvent(context, event);

    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 1),
@@ -503,19 +532,27 @@ class DeathOverlay extends StatelessWidget {
  }

  /// 전투 이벤트를 ASCII 아이콘, 색상, 메시지로 포맷
-  (String, Color, String) _formatCombatEvent(CombatEvent event) {
+  (String, Color, String) _formatCombatEvent(
+    BuildContext context,
+    CombatEvent event,
+  ) {
    final target = event.targetName ?? '';
+    final gold = RetroColors.goldOf(context);
+    final exp = RetroColors.expOf(context);
+    final hp = RetroColors.hpOf(context);
+    final mp = RetroColors.mpOf(context);
+
    return switch (event.type) {
      CombatEventType.playerAttack => (
        event.isCritical ? '⚡' : '⚔',
-        event.isCritical ? RetroColors.gold : RetroColors.expGreen,
+        event.isCritical ? gold : exp,
        event.isCritical
            ? l10n.combatCritical(event.damage, target)
            : l10n.combatYouHit(target, event.damage),
      ),
      CombatEventType.monsterAttack => (
        '💀',
-        RetroColors.hpRed,
+        hp,
        l10n.combatMonsterHitsYou(target, event.damage),
      ),
      CombatEventType.playerEvade => (
@@ -530,7 +567,7 @@ class DeathOverlay extends StatelessWidget {
      ),
      CombatEventType.playerBlock => (
        '🛡',
-        RetroColors.mpBlue,
+        mp,
        l10n.combatBlockedAttack(target, event.damage),
      ),
      CombatEventType.playerParry => (
@@ -545,12 +582,12 @@ class DeathOverlay extends StatelessWidget {
      ),
      CombatEventType.playerHeal => (
        '♥',
-        RetroColors.expGreen,
+        exp,
        l10n.combatHealedFor(event.healAmount),
      ),
      CombatEventType.playerBuff => (
        '↑',
-        RetroColors.mpBlue,
+        mp,
        l10n.combatBuffActivated(event.skillName ?? ''),
      ),
      CombatEventType.playerDebuff => (
@@ -565,12 +602,12 @@ class DeathOverlay extends StatelessWidget {
      ),
      CombatEventType.playerPotion => (
        '🧪',
-        RetroColors.expGreen,
+        exp,
        l10n.combatPotionUsed(event.skillName ?? '', event.healAmount, target),
      ),
      CombatEventType.potionDrop => (
        '🎁',
-        RetroColors.gold,
+        gold,
        l10n.combatPotionDrop(event.skillName ?? ''),
      ),
    };
--- a/lib/src/features/game/widgets/help_dialog.dart
+++ b/lib/src/features/game/widgets/help_dialog.dart
@@ -55,17 +55,20 @@ class _HelpDialogState extends State<HelpDialog>
            ? ['基本', '戦闘', 'スキル', 'UI']
            : ['Basics', 'Combat', 'Skills', 'UI'];

+    // 도움말은 MP 블루 색상 사용 (테마 인식)
+    final mpColor = RetroColors.mpOf(context);
+
    return RetroDialog(
      title: title,
      titleIcon: '❓',
-      accentColor: RetroColors.mpBlue,
+      accentColor: mpColor,
      child: Column(
        children: [
          // 탭 바
          RetroTabBar(
            controller: _tabController,
            tabs: tabs,
-            accentColor: RetroColors.mpBlue,
+            accentColor: mpColor,
          ),
          // 탭 내용
          Expanded(
@@ -465,11 +468,11 @@ class _HelpSection extends StatelessWidget {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
-        // 섹션 헤더
+        // 섹션 헤더 (MP 블루 테마 인식)
        RetroSectionHeader(
          title: title,
          icon: icon,
-          accentColor: RetroColors.mpBlue,
+          accentColor: RetroColors.mpOf(context),
        ),
        // 내용
        RetroInfoBox(content: content),
--- a/lib/src/features/game/widgets/notification_overlay.dart
+++ b/lib/src/features/game/widgets/notification_overlay.dart
@@ -119,18 +119,23 @@ class _NotificationCard extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
-    final (accentColor, icon, asciiIcon) = _getStyleForType(notification.type);
+    final (accentColor, icon, asciiIcon) = _getStyleForType(context, notification.type);
+    final panelBg = RetroColors.panelBgOf(context);
+    final borderColor = RetroColors.borderOf(context);
+    final surface = RetroColors.surfaceOf(context);
+    final textPrimary = RetroColors.textPrimaryOf(context);
+    final textMuted = RetroColors.textMutedOf(context);

    return GestureDetector(
      onTap: onDismiss,
      child: Container(
        decoration: BoxDecoration(
-          color: RetroColors.panelBg,
+          color: panelBg,
          border: Border(
            top: BorderSide(color: accentColor, width: 3),
            left: BorderSide(color: accentColor, width: 3),
-            bottom: const BorderSide(color: RetroColors.panelBorderOuter, width: 3),
-            right: const BorderSide(color: RetroColors.panelBorderOuter, width: 3),
+            bottom: BorderSide(color: borderColor, width: 3),
+            right: BorderSide(color: borderColor, width: 3),
          ),
          boxShadow: [
            BoxShadow(
@@ -176,12 +181,12 @@ class _NotificationCard extends StatelessWidget {
                  // 닫기 버튼
                  GestureDetector(
                    onTap: onDismiss,
-                    child: const Text(
+                    child: Text(
                      '[X]',
                      style: TextStyle(
                        fontFamily: 'PressStart2P',
                        fontSize: 7,
-                        color: RetroColors.textDisabled,
+                        color: textMuted,
                      ),
                    ),
                  ),
@@ -198,7 +203,7 @@ class _NotificationCard extends StatelessWidget {
                    width: 36,
                    height: 36,
                    decoration: BoxDecoration(
-                      color: RetroColors.panelBgLight,
+                      color: surface,
                      border: Border.all(color: accentColor, width: 2),
                    ),
                    child: Icon(icon, color: accentColor, size: 20),
@@ -212,20 +217,20 @@ class _NotificationCard extends StatelessWidget {
                      children: [
                        Text(
                          notification.title,
-                          style: const TextStyle(
+                          style: TextStyle(
                            fontFamily: 'PressStart2P',
                            fontSize: 9,
-                            color: RetroColors.textLight,
+                            color: textPrimary,
                          ),
                        ),
                        if (notification.subtitle != null) ...[
                          const SizedBox(height: 4),
                          Text(
                            notification.subtitle!,
-                            style: const TextStyle(
+                            style: TextStyle(
                              fontFamily: 'PressStart2P',
                              fontSize: 7,
-                              color: RetroColors.textDisabled,
+                              color: textMuted,
                            ),
                          ),
                        ],
@@ -242,53 +247,25 @@ class _NotificationCard extends StatelessWidget {
  }

  /// 알림 타입별 레트로 스타일 (강조 색상, 아이콘, ASCII 아이콘)
-  (Color, IconData, String) _getStyleForType(NotificationType type) {
+  (Color, IconData, String) _getStyleForType(
+    BuildContext context,
+    NotificationType type,
+  ) {
+    final gold = RetroColors.goldOf(context);
+    final exp = RetroColors.expOf(context);
+    final mp = RetroColors.mpOf(context);
+    final hp = RetroColors.hpOf(context);
+
    return switch (type) {
-      NotificationType.levelUp => (
-        RetroColors.gold,
-        Icons.arrow_upward,
-        '★',
-      ),
-      NotificationType.questComplete => (
-        RetroColors.expGreen,
-        Icons.check,
-        '☑',
-      ),
-      NotificationType.actComplete => (
-        RetroColors.mpBlue,
-        Icons.flag,
-        '⚑',
-      ),
-      NotificationType.newSpell => (
-        const Color(0xFF9966FF),
-        Icons.auto_fix_high,
-        '✧',
-      ),
-      NotificationType.newEquipment => (
-        const Color(0xFFFF9933),
-        Icons.shield,
-        '⚔',
-      ),
-      NotificationType.bossDefeat => (
-        RetroColors.hpRed,
-        Icons.whatshot,
-        '☠',
-      ),
-      NotificationType.gameSaved => (
-        RetroColors.expGreen,
-        Icons.save,
-        '💾',
-      ),
-      NotificationType.info => (
-        RetroColors.mpBlue,
-        Icons.info_outline,
-        'ℹ',
-      ),
-      NotificationType.warning => (
-        const Color(0xFFFFCC00),
-        Icons.warning,
-        '⚠',
-      ),
+      NotificationType.levelUp => (gold, Icons.arrow_upward, '★'),
+      NotificationType.questComplete => (exp, Icons.check, '☑'),
+      NotificationType.actComplete => (mp, Icons.flag, '⚑'),
+      NotificationType.newSpell => (const Color(0xFF9966FF), Icons.auto_fix_high, '✧'),
+      NotificationType.newEquipment => (const Color(0xFFFF9933), Icons.shield, '⚔'),
+      NotificationType.bossDefeat => (hp, Icons.whatshot, '☠'),
+      NotificationType.gameSaved => (exp, Icons.save, '💾'),
+      NotificationType.info => (mp, Icons.info_outline, 'ℹ'),
+      NotificationType.warning => (const Color(0xFFFFCC00), Icons.warning, '⚠'),
    };
  }

--- a/lib/src/features/game/widgets/statistics_dialog.dart
+++ b/lib/src/features/game/widgets/statistics_dialog.dart
@@ -1,7 +1,6 @@
 import 'package:flutter/material.dart';

 import 'package:askiineverdie/src/core/model/game_statistics.dart';
-import 'package:askiineverdie/src/shared/retro_colors.dart';
 import 'package:askiineverdie/src/shared/widgets/retro_dialog.dart';

 /// 게임 통계 다이얼로그 (Statistics Dialog)
@@ -75,14 +74,14 @@ class _StatisticsDialogState extends State<StatisticsDialog>
      titleIcon: '📊',
      maxWidth: 420,
      maxHeight: 520,
-      accentColor: RetroColors.gold,
+      // accentColor: 테마에서 자동 결정 (goldOf)
      child: Column(
        children: [
          // 탭 바
          RetroTabBar(
            controller: _tabController,
            tabs: tabs,
-            accentColor: RetroColors.gold,
+            // accentColor: 테마에서 자동 결정 (goldOf)
          ),
          // 탭 내용
          Expanded(
@@ -573,12 +572,8 @@ class _StatSection extends StatelessWidget {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
-        // 섹션 헤더
-        RetroSectionHeader(
-          title: title,
-          icon: icon,
-          accentColor: RetroColors.gold,
-        ),
+        // 섹션 헤더 (테마에서 자동 결정)
+        RetroSectionHeader(title: title, icon: icon),
        // 통계 항목들
        ...items,
      ],
@@ -600,12 +595,8 @@ class _StatItem extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
-    return RetroStatRow(
-      label: label,
-      value: value,
-      highlight: highlight,
-      highlightColor: RetroColors.gold,
-    );
+    // highlightColor: 테마에서 자동 결정 (goldOf)
+    return RetroStatRow(label: label, value: value, highlight: highlight);
  }
 }

--- a/lib/src/shared/retro_colors.dart
+++ b/lib/src/shared/retro_colors.dart
@@ -1,147 +1,297 @@
 import 'package:flutter/material.dart';

-/// 레트로 RPG 스타일 색상 팔레트 (8-bit/16-bit 클래식 RPG 느낌)
+/// 레트로 RPG 스타일 색상 팔레트 (다크/라이트 모드 지원)
+///
+/// 다크 모드: Dark Fantasy (도쿄 나이트 영감)
+/// 라이트 모드: Classic Parchment (양피지/세피아 톤)
 class RetroColors {
  RetroColors._();

  // ═══════════════════════════════════════════════════════════════════════
-  // 메인 UI 컬러 (Main UI Colors)
+  // 테마 감지 유틸리티 (Theme Detection)
  // ═══════════════════════════════════════════════════════════════════════

-  /// 골드 (테두리, 강조, 타이틀)
-  static const Color gold = Color(0xFFD4A84B);
-
-  /// 밝은 골드 (호버, 하이라이트)
-  static const Color goldLight = Color(0xFFE8C97A);
-
-  /// 어두운 골드 (눌림 상태)
-  static const Color goldDark = Color(0xFFB08A3A);
-
-  /// 갈색 (프레임, 테두리)
-  static const Color brown = Color(0xFF8B4513);
-
-  /// 크림색 (텍스트 배경, 밝은 패널)
-  static const Color cream = Color(0xFFF5E6C8);
-
-  /// 다크 브라운 (패널 배경)
-  static const Color darkBrown = Color(0xFF3D2817);
-
-  /// 매우 어두운 브라운 (딥 배경)
-  static const Color deepBrown = Color(0xFF2A1A0F);
+  /// 다크 모드 여부 확인
+  static bool isDarkMode(BuildContext context) =>
+      Theme.of(context).brightness == Brightness.dark;

  // ═══════════════════════════════════════════════════════════════════════
-  // 상태 바 컬러 (Status Bar Colors)
+  // 다크 모드 색상 (Dark Fantasy)
  // ═══════════════════════════════════════════════════════════════════════

-  /// HP 바 빨간색
-  static const Color hpRed = Color(0xFFCC3333);
+  // 배경 계열 (어두운 블루-그레이 기반)
+  static const Color _darkBg = Color(0xFF1A1B26);
+  static const Color _darkPanelBg = Color(0xFF24283B);
+  static const Color _darkSurface = Color(0xFF2A2E3F);

-  /// HP 바 빨간색 (어두운)
-  static const Color hpRedDark = Color(0xFF8B2222);
+  // 테두리/강조
+  static const Color _darkGold = Color(0xFFE0AF68);
+  static const Color _darkGoldLight = Color(0xFFF0C98A);
+  static const Color _darkGoldDark = Color(0xFFC89B50);
+  static const Color _darkBorder = Color(0xFF3B4261);
+  static const Color _darkBorderLight = Color(0xFF545C7E);

-  /// MP 바 파란색
-  static const Color mpBlue = Color(0xFF3366CC);
+  // 텍스트 (고대비)
+  static const Color _darkTextPrimary = Color(0xFFC0CAF5);
+  static const Color _darkTextSecondary = Color(0xFF9AA5CE);
+  static const Color _darkTextMuted = Color(0xFF565F89);

-  /// MP 바 파란색 (어두운)
-  static const Color mpBlueDark = Color(0xFF224488);
+  // 상태 색상
+  static const Color _darkHp = Color(0xFFF7768E);
+  static const Color _darkHpDark = Color(0xFFB85A6A);
+  static const Color _darkMp = Color(0xFF7AA2F7);
+  static const Color _darkMpDark = Color(0xFF5A7AB8);
+  static const Color _darkExp = Color(0xFF9ECE6A);
+  static const Color _darkExpDark = Color(0xFF7AA850);
+  static const Color _darkWarning = Color(0xFFFF9E64);

-  /// EXP/성공 초록색
-  static const Color expGreen = Color(0xFF33CC66);
-
-  /// EXP/성공 초록색 (어두운)
-  static const Color expGreenDark = Color(0xFF228844);
+  // 버튼
+  static const Color _darkButtonPrimary = Color(0xFF3D4260);
+  static const Color _darkButtonPressed = Color(0xFF2D3250);

  // ═══════════════════════════════════════════════════════════════════════
-  // ASCII 애니메이션 컬러 (기존 유지)
+  // 라이트 모드 색상 (Classic Parchment)
+  // ═══════════════════════════════════════════════════════════════════════
+
+  // 배경 계열 (양피지/크림 기반)
+  static const Color _lightBg = Color(0xFFFAF4ED);
+  static const Color _lightPanelBg = Color(0xFFF2E8DC);
+  static const Color _lightSurface = Color(0xFFFFFFFF);
+
+  // 테두리/강조
+  static const Color _lightGold = Color(0xFFB8860B);
+  static const Color _lightGoldLight = Color(0xFFD4A84B);
+  static const Color _lightGoldDark = Color(0xFF8B6914);
+  static const Color _lightBorder = Color(0xFFD4C4B0);
+  static const Color _lightBorderDark = Color(0xFF8B7355);
+
+  // 텍스트 (고대비)
+  static const Color _lightTextPrimary = Color(0xFF1F1F28);
+  static const Color _lightTextSecondary = Color(0xFF4A4458);
+  static const Color _lightTextMuted = Color(0xFF797593);
+
+  // 상태 색상
+  static const Color _lightHp = Color(0xFFD7263D);
+  static const Color _lightHpDark = Color(0xFFA81C30);
+  static const Color _lightMp = Color(0xFF2E5EAA);
+  static const Color _lightMpDark = Color(0xFF234A88);
+  static const Color _lightExp = Color(0xFF2E8B57);
+  static const Color _lightExpDark = Color(0xFF236B44);
+  static const Color _lightWarning = Color(0xFFCD7F32);
+
+  // 버튼
+  static const Color _lightButtonPrimary = Color(0xFFE8DDD0);
+  static const Color _lightButtonPressed = Color(0xFFD8C8B8);
+
+  // ═══════════════════════════════════════════════════════════════════════
+  // ASCII 애니메이션 컬러 (테마 무관, 고정)
  // ═══════════════════════════════════════════════════════════════════════

-  /// ASCII 흰색 (캐릭터/몬스터)
  static const Color asciiWhite = Color(0xFFFFFFFF);
-
-  /// ASCII 시안 (긍정 효과)
  static const Color asciiCyan = Color(0xFF00FFFF);
-
-  /// ASCII 마젠타 (부정 효과)
  static const Color asciiMagenta = Color(0xFFFF00FF);
-
-  /// ASCII 노란색 (경고, 중요)
  static const Color asciiYellow = Color(0xFFFFFF00);
-
-  /// ASCII 초록색 (성공, 회복)
  static const Color asciiGreen = Color(0xFF00FF00);
-
-  /// ASCII 빨간색 (데미지, 위험)
  static const Color asciiRed = Color(0xFFFF0000);

  // ═══════════════════════════════════════════════════════════════════════
-  // 텍스트 컬러 (Text Colors)
+  // 동적 색상 Getter (테마에 따라 자동 전환)
+  // 사용법: RetroColors.goldOf(context), RetroColors.textPrimaryOf(context)
  // ═══════════════════════════════════════════════════════════════════════

-  /// 기본 텍스트 (밝은 배경용)
-  static const Color textDark = Color(0xFF2A1A0F);
+  // === 배경 색상 ===
+  static Color backgroundOf(BuildContext context) =>
+      isDarkMode(context) ? _darkBg : _lightBg;

-  /// 기본 텍스트 (어두운 배경용)
-  static const Color textLight = Color(0xFFF5E6C8);
+  static Color panelBgOf(BuildContext context) =>
+      isDarkMode(context) ? _darkPanelBg : _lightPanelBg;

-  /// 비활성 텍스트
-  static const Color textDisabled = Color(0xFF7A6A5A);
+  static Color surfaceOf(BuildContext context) =>
+      isDarkMode(context) ? _darkSurface : _lightSurface;
+
+  // === 강조/골드 색상 ===
+  static Color goldOf(BuildContext context) =>
+      isDarkMode(context) ? _darkGold : _lightGold;
+
+  static Color goldLightOf(BuildContext context) =>
+      isDarkMode(context) ? _darkGoldLight : _lightGoldLight;
+
+  static Color goldDarkOf(BuildContext context) =>
+      isDarkMode(context) ? _darkGoldDark : _lightGoldDark;
+
+  // === 테두리 색상 ===
+  static Color borderOf(BuildContext context) =>
+      isDarkMode(context) ? _darkBorder : _lightBorder;
+
+  static Color borderLightOf(BuildContext context) =>
+      isDarkMode(context) ? _darkBorderLight : _lightBorderDark;
+
+  // === 텍스트 색상 ===
+  static Color textPrimaryOf(BuildContext context) =>
+      isDarkMode(context) ? _darkTextPrimary : _lightTextPrimary;
+
+  static Color textSecondaryOf(BuildContext context) =>
+      isDarkMode(context) ? _darkTextSecondary : _lightTextSecondary;
+
+  static Color textMutedOf(BuildContext context) =>
+      isDarkMode(context) ? _darkTextMuted : _lightTextMuted;
+
+  // === 상태 바 색상 ===
+  static Color hpOf(BuildContext context) =>
+      isDarkMode(context) ? _darkHp : _lightHp;
+
+  static Color hpDarkOf(BuildContext context) =>
+      isDarkMode(context) ? _darkHpDark : _lightHpDark;
+
+  static Color mpOf(BuildContext context) =>
+      isDarkMode(context) ? _darkMp : _lightMp;
+
+  static Color mpDarkOf(BuildContext context) =>
+      isDarkMode(context) ? _darkMpDark : _lightMpDark;
+
+  static Color expOf(BuildContext context) =>
+      isDarkMode(context) ? _darkExp : _lightExp;
+
+  static Color expDarkOf(BuildContext context) =>
+      isDarkMode(context) ? _darkExpDark : _lightExpDark;
+
+  static Color warningOf(BuildContext context) =>
+      isDarkMode(context) ? _darkWarning : _lightWarning;
+
+  // === 버튼 색상 ===
+  static Color buttonPrimaryOf(BuildContext context) =>
+      isDarkMode(context) ? _darkButtonPrimary : _lightButtonPrimary;
+
+  static Color buttonPressedOf(BuildContext context) =>
+      isDarkMode(context) ? _darkButtonPressed : _lightButtonPressed;

  // ═══════════════════════════════════════════════════════════════════════
-  // 버튼 컬러 (Button Colors)
+  // 레거시 호환 (Static Colors) - 마이그레이션 중 사용
+  // 점진적으로 context 버전으로 교체 예정
  // ═══════════════════════════════════════════════════════════════════════

-  /// 주요 버튼 배경
-  static const Color buttonPrimary = Color(0xFF5A4A3A);
+  /// @deprecated Use goldOf(context) instead
+  static const Color gold = _darkGold;

-  /// 주요 버튼 배경 (눌림)
-  static const Color buttonPrimaryPressed = Color(0xFF3A2A1A);
+  /// @deprecated Use goldLightOf(context) instead
+  static const Color goldLight = _darkGoldLight;

-  /// 보조 버튼 배경
+  /// @deprecated Use goldDarkOf(context) instead
+  static const Color goldDark = _darkGoldDark;
+
+  /// @deprecated Use textPrimary(context) instead
+  static const Color textLight = _darkTextPrimary;
+
+  /// @deprecated Use textSecondary(context) instead
+  static const Color textDark = _lightTextPrimary;
+
+  /// @deprecated Use textMuted(context) instead
+  static const Color textDisabled = _darkTextMuted;
+
+  /// @deprecated Use panelBgOf(context) instead
+  static const Color panelBg = _darkPanelBg;
+
+  /// @deprecated Use surfaceOf(context) instead
+  static const Color panelBgLight = _darkSurface;
+
+  /// @deprecated Use border(context) instead
+  static const Color panelBorderOuter = _darkBorder;
+
+  /// @deprecated Use borderLight(context) instead
+  static const Color panelBorderInner = _darkBorderLight;
+
+  /// @deprecated Use background(context) instead
+  static const Color deepBrown = _darkBg;
+
+  /// @deprecated 레거시 색상 - 다크 브라운
+  static const Color darkBrown = _darkPanelBg;
+
+  /// @deprecated 레거시 색상 - 브라운
+  static const Color brown = Color(0xFF8B4513);
+
+  /// @deprecated 레거시 색상 - 크림
+  static const Color cream = Color(0xFFF5E6C8);
+
+  /// @deprecated Use hp(context) instead
+  static const Color hpRed = _darkHp;
+
+  /// @deprecated Use hpDark(context) instead
+  static const Color hpRedDark = _darkHpDark;
+
+  /// @deprecated Use mp(context) instead
+  static const Color mpBlue = _darkMp;
+
+  /// @deprecated Use mpDark(context) instead
+  static const Color mpBlueDark = _darkMpDark;
+
+  /// @deprecated Use exp(context) instead
+  static const Color expGreen = _darkExp;
+
+  /// @deprecated Use expDark(context) instead
+  static const Color expGreenDark = _darkExpDark;
+
+  /// @deprecated Use buttonPrimary(context) instead
+  static const Color buttonPrimary = _darkButtonPrimary;
+
+  /// @deprecated Use buttonPressed(context) instead
+  static const Color buttonPrimaryPressed = _darkButtonPressed;
+
+  /// @deprecated 레거시 호환
  static const Color buttonSecondary = Color(0xFF4A3A2A);

-  /// 보조 버튼 배경 (눌림)
+  /// @deprecated 레거시 호환
  static const Color buttonSecondaryPressed = Color(0xFF2A1A0A);

  // ═══════════════════════════════════════════════════════════════════════
-  // 패널 컬러 (Panel Colors)
+  // ColorScheme 생성기 (Theme Data용)
  // ═══════════════════════════════════════════════════════════════════════

-  /// 패널 배경 (기본)
-  static const Color panelBg = Color(0xFF3D2817);
+  /// 다크 모드 ColorScheme
+  static ColorScheme get darkColorScheme => ColorScheme.dark(
+        primary: _darkGold,
+        onPrimary: _darkBg,
+        primaryContainer: _darkGoldDark,
+        onPrimaryContainer: _darkTextPrimary,
+        secondary: _darkBorder,
+        onSecondary: _darkTextPrimary,
+        secondaryContainer: _darkPanelBg,
+        onSecondaryContainer: _darkTextPrimary,
+        tertiary: _darkMp,
+        onTertiary: _darkBg,
+        tertiaryContainer: _darkMpDark,
+        onTertiaryContainer: _darkTextPrimary,
+        error: _darkHp,
+        onError: _darkBg,
+        surface: _darkBg,
+        onSurface: _darkTextPrimary,
+        surfaceContainerHighest: _darkPanelBg,
+        outline: _darkBorder,
+        outlineVariant: _darkBorderLight,
+      );

-  /// 패널 배경 (밝은)
-  static const Color panelBgLight = Color(0xFF5D4837);
+  /// 라이트 모드 ColorScheme
+  static ColorScheme get lightColorScheme => ColorScheme.light(
+        primary: _lightGold,
+        onPrimary: _lightSurface,
+        primaryContainer: _lightGoldLight,
+        onPrimaryContainer: _lightTextPrimary,
+        secondary: _lightBorder,
+        onSecondary: _lightTextPrimary,
+        secondaryContainer: _lightPanelBg,
+        onSecondaryContainer: _lightTextPrimary,
+        tertiary: _lightMp,
+        onTertiary: _lightSurface,
+        tertiaryContainer: _lightMpDark,
+        onTertiaryContainer: _lightSurface,
+        error: _lightHp,
+        onError: _lightSurface,
+        surface: _lightBg,
+        onSurface: _lightTextPrimary,
+        surfaceContainerHighest: _lightPanelBg,
+        outline: _lightBorder,
+        outlineVariant: _lightBorderDark,
+      );

-  /// 패널 테두리 (외곽, 어두운)
-  static const Color panelBorderOuter = Color(0xFF1A0F08);
-
-  /// 패널 테두리 (내곽, 밝은)
-  static const Color panelBorderInner = Color(0xFF8B7355);
-
-  // ═══════════════════════════════════════════════════════════════════════
-  // 유틸리티 메서드 (Utility Methods)
-  // ═══════════════════════════════════════════════════════════════════════
-
-  /// 레트로 테마용 ColorScheme 생성
-  static ColorScheme get colorScheme => ColorScheme.dark(
-    primary: gold,
-    onPrimary: textDark,
-    primaryContainer: goldDark,
-    onPrimaryContainer: textLight,
-    secondary: brown,
-    onSecondary: textLight,
-    secondaryContainer: darkBrown,
-    onSecondaryContainer: textLight,
-    tertiary: cream,
-    onTertiary: textDark,
-    tertiaryContainer: panelBgLight,
-    onTertiaryContainer: textLight,
-    error: hpRed,
-    onError: textLight,
-    surface: deepBrown,
-    onSurface: textLight,
-    surfaceContainerHighest: panelBg,
-    outline: panelBorderOuter,
-    outlineVariant: panelBorderInner,
-  );
+  /// @deprecated Use darkColorScheme or lightColorScheme instead
+  static ColorScheme get colorScheme => darkColorScheme;
 }
--- a/lib/src/shared/widgets/retro_dialog.dart
+++ b/lib/src/shared/widgets/retro_dialog.dart
@@ -5,6 +5,7 @@ import 'package:askiineverdie/src/shared/retro_colors.dart';
 /// 레트로 스타일 다이얼로그 베이스 위젯
 ///
 /// 8-bit RPG 스타일의 다이얼로그 프레임
+/// 라이트/다크 모드 자동 지원
 class RetroDialog extends StatelessWidget {
  const RetroDialog({
    super.key,
@@ -13,7 +14,7 @@ class RetroDialog extends StatelessWidget {
    this.titleIcon,
    this.maxWidth = 500,
    this.maxHeight = 600,
-    this.accentColor = RetroColors.gold,
+    this.accentColor,
  });

  final String title;
@@ -21,25 +22,29 @@ class RetroDialog extends StatelessWidget {
  final String? titleIcon;
  final double maxWidth;
  final double maxHeight;
-  final Color accentColor;
+  final Color? accentColor;

  @override
  Widget build(BuildContext context) {
+    final accent = accentColor ?? RetroColors.goldOf(context);
+    final panelBackground = RetroColors.panelBgOf(context);
+    final borderColor = RetroColors.borderOf(context);
+
    return Dialog(
      backgroundColor: Colors.transparent,
      child: Container(
        constraints: BoxConstraints(maxWidth: maxWidth, maxHeight: maxHeight),
        decoration: BoxDecoration(
-          color: RetroColors.panelBg,
+          color: panelBackground,
          border: Border(
-            top: BorderSide(color: accentColor, width: 3),
-            left: BorderSide(color: accentColor, width: 3),
-            bottom: const BorderSide(color: RetroColors.panelBorderOuter, width: 3),
-            right: const BorderSide(color: RetroColors.panelBorderOuter, width: 3),
+            top: BorderSide(color: accent, width: 3),
+            left: BorderSide(color: accent, width: 3),
+            bottom: BorderSide(color: borderColor, width: 3),
+            right: BorderSide(color: borderColor, width: 3),
          ),
          boxShadow: [
            BoxShadow(
-              color: accentColor.withValues(alpha: 0.3),
+              color: accent.withValues(alpha: 0.3),
              blurRadius: 20,
              spreadRadius: 2,
            ),
@@ -49,7 +54,7 @@ class RetroDialog extends StatelessWidget {
          mainAxisSize: MainAxisSize.min,
          children: [
            // 헤더 바
-            _buildHeader(context),
+            _buildHeader(context, accent),
            // 본문
            Flexible(child: child),
          ],
@@ -58,14 +63,16 @@ class RetroDialog extends StatelessWidget {
    );
  }

-  Widget _buildHeader(BuildContext context) {
+  Widget _buildHeader(BuildContext context, Color accent) {
+    final mutedColor = RetroColors.textMutedOf(context);
+
    return Container(
      width: double.infinity,
      padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
      decoration: BoxDecoration(
-        color: accentColor.withValues(alpha: 0.2),
+        color: accent.withValues(alpha: 0.2),
        border: Border(
-          bottom: BorderSide(color: accentColor, width: 2),
+          bottom: BorderSide(color: accent, width: 2),
        ),
      ),
      child: Row(
@@ -73,7 +80,7 @@ class RetroDialog extends StatelessWidget {
          if (titleIcon != null) ...[
            Text(
              titleIcon!,
-              style: TextStyle(fontSize: 14, color: accentColor),
+              style: TextStyle(fontSize: 14, color: accent),
            ),
            const SizedBox(width: 8),
          ],
@@ -83,7 +90,7 @@ class RetroDialog extends StatelessWidget {
              style: TextStyle(
                fontFamily: 'PressStart2P',
                fontSize: 10,
-                color: accentColor,
+                color: accent,
                letterSpacing: 1,
              ),
            ),
@@ -93,14 +100,14 @@ class RetroDialog extends StatelessWidget {
            child: Container(
              padding: const EdgeInsets.all(4),
              decoration: BoxDecoration(
-                border: Border.all(color: RetroColors.textDisabled, width: 1),
+                border: Border.all(color: mutedColor, width: 1),
              ),
-              child: const Text(
+              child: Text(
                'X',
                style: TextStyle(
                  fontFamily: 'PressStart2P',
                  fontSize: 8,
-                  color: RetroColors.textDisabled,
+                  color: mutedColor,
                ),
              ),
            ),
@@ -112,37 +119,42 @@ class RetroDialog extends StatelessWidget {
 }

 /// 레트로 스타일 탭 바
+/// 라이트/다크 모드 자동 지원
 class RetroTabBar extends StatelessWidget {
  const RetroTabBar({
    super.key,
    required this.controller,
    required this.tabs,
-    this.accentColor = RetroColors.gold,
+    this.accentColor,
  });

  final TabController controller;
  final List<String> tabs;
-  final Color accentColor;
+  final Color? accentColor;

  @override
  Widget build(BuildContext context) {
+    final accent = accentColor ?? RetroColors.goldOf(context);
+    final borderColor = RetroColors.borderOf(context);
+    final mutedColor = RetroColors.textMutedOf(context);
+
    return Container(
-      decoration: const BoxDecoration(
+      decoration: BoxDecoration(
        border: Border(
-          bottom: BorderSide(color: RetroColors.panelBorderOuter, width: 2),
+          bottom: BorderSide(color: borderColor, width: 2),
        ),
      ),
      child: TabBar(
        controller: controller,
        isScrollable: tabs.length > 3,
        indicator: BoxDecoration(
-          color: accentColor.withValues(alpha: 0.3),
+          color: accent.withValues(alpha: 0.3),
          border: Border(
-            bottom: BorderSide(color: accentColor, width: 2),
+            bottom: BorderSide(color: accent, width: 2),
          ),
        ),
-        labelColor: accentColor,
-        unselectedLabelColor: RetroColors.textDisabled,
+        labelColor: accent,
+        unselectedLabelColor: mutedColor,
        labelStyle: const TextStyle(
          fontFamily: 'PressStart2P',
          fontSize: 7,
@@ -159,20 +171,23 @@ class RetroTabBar extends StatelessWidget {
 }

 /// 레트로 스타일 섹션 헤더
+/// 라이트/다크 모드 자동 지원
 class RetroSectionHeader extends StatelessWidget {
  const RetroSectionHeader({
    super.key,
    required this.title,
    this.icon,
-    this.accentColor = RetroColors.gold,
+    this.accentColor,
  });

  final String title;
  final String? icon;
-  final Color accentColor;
+  final Color? accentColor;

  @override
  Widget build(BuildContext context) {
+    final accent = accentColor ?? RetroColors.goldOf(context);
+
    return Padding(
      padding: const EdgeInsets.only(bottom: 8),
      child: Row(
@@ -180,7 +195,7 @@ class RetroSectionHeader extends StatelessWidget {
          if (icon != null) ...[
            Text(
              icon!,
-              style: TextStyle(fontSize: 12, color: accentColor),
+              style: TextStyle(fontSize: 12, color: accent),
            ),
            const SizedBox(width: 6),
          ],
@@ -189,7 +204,7 @@ class RetroSectionHeader extends StatelessWidget {
            style: TextStyle(
              fontFamily: 'PressStart2P',
              fontSize: 8,
-              color: accentColor,
+              color: accent,
            ),
          ),
          const SizedBox(width: 8),
@@ -199,8 +214,8 @@ class RetroSectionHeader extends StatelessWidget {
              decoration: BoxDecoration(
                gradient: LinearGradient(
                  colors: [
-                    accentColor,
-                    accentColor.withValues(alpha: 0.3),
+                    accent,
+                    accent.withValues(alpha: 0.3),
                    Colors.transparent,
                  ],
                ),
@@ -214,6 +229,7 @@ class RetroSectionHeader extends StatelessWidget {
 }

 /// 레트로 스타일 정보 박스
+/// 라이트/다크 모드 자동 지원
 class RetroInfoBox extends StatelessWidget {
  const RetroInfoBox({
    super.key,
@@ -226,19 +242,23 @@ class RetroInfoBox extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
+    final bgColor = backgroundColor ?? RetroColors.backgroundOf(context);
+    final borderColor = RetroColors.borderOf(context);
+    final textColor = RetroColors.textPrimaryOf(context);
+
    return Container(
      width: double.infinity,
      padding: const EdgeInsets.all(10),
      decoration: BoxDecoration(
-        color: backgroundColor ?? RetroColors.deepBrown,
-        border: Border.all(color: RetroColors.panelBorderOuter, width: 1),
+        color: bgColor,
+        border: Border.all(color: borderColor, width: 1),
      ),
      child: Text(
        content,
-        style: const TextStyle(
+        style: TextStyle(
          fontFamily: 'PressStart2P',
          fontSize: 7,
-          color: RetroColors.textLight,
+          color: textColor,
          height: 1.8,
        ),
      ),
@@ -247,22 +267,27 @@ class RetroInfoBox extends StatelessWidget {
 }

 /// 레트로 스타일 통계 행
+/// 라이트/다크 모드 자동 지원
 class RetroStatRow extends StatelessWidget {
  const RetroStatRow({
    super.key,
    required this.label,
    required this.value,
    this.highlight = false,
-    this.highlightColor = RetroColors.gold,
+    this.highlightColor,
  });

  final String label;
  final String value;
  final bool highlight;
-  final Color highlightColor;
+  final Color? highlightColor;

  @override
  Widget build(BuildContext context) {
+    final accent = highlightColor ?? RetroColors.goldOf(context);
+    final mutedColor = RetroColors.textMutedOf(context);
+    final textColor = RetroColors.textPrimaryOf(context);
+
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 3),
      child: Row(
@@ -270,10 +295,10 @@ class RetroStatRow extends StatelessWidget {
        children: [
          Text(
            label,
-            style: const TextStyle(
+            style: TextStyle(
              fontFamily: 'PressStart2P',
              fontSize: 6,
-              color: RetroColors.textDisabled,
+              color: mutedColor,
            ),
          ),
          Container(
@@ -282,8 +307,8 @@ class RetroStatRow extends StatelessWidget {
                : null,
            decoration: highlight
                ? BoxDecoration(
-                    color: highlightColor.withValues(alpha: 0.2),
-                    border: Border.all(color: highlightColor, width: 1),
+                    color: accent.withValues(alpha: 0.2),
+                    border: Border.all(color: accent, width: 1),
                  )
                : null,
            child: Text(
@@ -291,7 +316,7 @@ class RetroStatRow extends StatelessWidget {
              style: TextStyle(
                fontFamily: 'JetBrainsMono',
                fontSize: 9,
-                color: highlight ? highlightColor : RetroColors.textLight,
+                color: highlight ? accent : textColor,
                fontWeight: FontWeight.bold,
              ),
            ),
--- a/macos/Podfile.lock
+++ b/macos/Podfile.lock
@@ -1,5 +1,10 @@
 PODS:
+  - audio_session (0.0.1):
+    - FlutterMacOS
  - FlutterMacOS (1.0.0)
+  - just_audio (0.0.1):
+    - Flutter
+    - FlutterMacOS
  - path_provider_foundation (0.0.1):
    - Flutter
    - FlutterMacOS
@@ -8,20 +13,28 @@ PODS:
    - FlutterMacOS

 DEPENDENCIES:
+  - audio_session (from `Flutter/ephemeral/.symlinks/plugins/audio_session/macos`)
  - FlutterMacOS (from `Flutter/ephemeral`)
+  - just_audio (from `Flutter/ephemeral/.symlinks/plugins/just_audio/darwin`)
  - path_provider_foundation (from `Flutter/ephemeral/.symlinks/plugins/path_provider_foundation/darwin`)
  - shared_preferences_foundation (from `Flutter/ephemeral/.symlinks/plugins/shared_preferences_foundation/darwin`)

 EXTERNAL SOURCES:
+  audio_session:
+    :path: Flutter/ephemeral/.symlinks/plugins/audio_session/macos
  FlutterMacOS:
    :path: Flutter/ephemeral
+  just_audio:
+    :path: Flutter/ephemeral/.symlinks/plugins/just_audio/darwin
  path_provider_foundation:
    :path: Flutter/ephemeral/.symlinks/plugins/path_provider_foundation/darwin
  shared_preferences_foundation:
    :path: Flutter/ephemeral/.symlinks/plugins/shared_preferences_foundation/darwin

 SPEC CHECKSUMS:
+  audio_session: 728ae3823d914f809c485d390274861a24b0904e
  FlutterMacOS: d0db08ddef1a9af05a5ec4b724367152bb0500b1
+  just_audio: a42c63806f16995daf5b219ae1d679deb76e6a79
  path_provider_foundation: 0b743cbb62d8e47eab856f09262bb8c1ddcfe6ba
  shared_preferences_foundation: 5086985c1d43c5ba4d5e69a4e8083a389e2909e6
Author	SHA1	Message	Date
JiWoong Sul	8d477cdc61	chore(macos): Podfile.lock 업데이트	2025-12-30 23:57:19 +09:00
JiWoong Sul	e64aac04fb	fix(ui): 게임 위젯들 레이아웃 및 스타일 수정 - death_overlay: 레이아웃 개선 - help_dialog, statistics_dialog: 스타일 통일 - notification_overlay: 간소화 - carousel_nav_bar: 스타일 업데이트 - mobile_carousel_layout: 레이아웃 조정	2025-12-30 23:57:11 +09:00
JiWoong Sul	94aad1f0fe	feat(ui): 레트로 다이얼로그 및 앱 테마 개선 - RetroDialog 스타일 업데이트 - 앱 테마 색상 및 스타일 통일 - 버튼/텍스트 스타일 일관성 강화	2025-12-30 23:57:03 +09:00
JiWoong Sul	6da0fdbce7	feat(ui): 레트로 색상 시스템 확장 - 새로운 색상 팔레트 추가 - 테마별 색상 그룹 정리 - 색상 유틸리티 함수 추가	2025-12-30 23:56:55 +09:00