From e882093d370fbdb2b11d12de15c0d242e704f404 Mon Sep 17 00:00:00 2001 From: JiWoong Sul Date: Thu, 15 Jan 2026 19:07:23 +0900 Subject: [PATCH] =?UTF-8?q?style(ui):=20shared=20=EC=BB=B4=ED=8F=AC?= =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=ED=8F=B0=ED=8A=B8=20=ED=81=AC=EA=B8=B0=20?= =?UTF-8?q?=EC=A6=9D=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - RetroPanel 제목 폰트: 10 → 14 - RetroButton, RetroDialog 폰트 크기 조정 - PanelHeader, retro_theme_constants 스타일 개선 - 가독성 향상을 위한 전반적인 폰트 크기 상향 --- lib/src/shared/retro_theme_constants.dart | 6 ++---- lib/src/shared/widgets/panel_header.dart | 14 ++++++++------ lib/src/shared/widgets/retro_button.dart | 2 +- lib/src/shared/widgets/retro_dialog.dart | 20 ++++++++++---------- lib/src/shared/widgets/retro_panel.dart | 2 +- 5 files changed, 22 insertions(+), 22 deletions(-) diff --git a/lib/src/shared/retro_theme_constants.dart b/lib/src/shared/retro_theme_constants.dart index 3554586..0220f88 100644 --- a/lib/src/shared/retro_theme_constants.dart +++ b/lib/src/shared/retro_theme_constants.dart @@ -138,10 +138,8 @@ abstract class RetroTheme { ); /// 뮤트 텍스트 스타일 - static TextStyle bodyTextMuted(BuildContext context) => TextStyle( - fontSize: fontSizeSm, - color: RetroColors.textMutedOf(context), - ); + static TextStyle bodyTextMuted(BuildContext context) => + TextStyle(fontSize: fontSizeSm, color: RetroColors.textMutedOf(context)); /// 라벨 텍스트 스타일 static TextStyle labelText(BuildContext context) => TextStyle( diff --git a/lib/src/shared/widgets/panel_header.dart b/lib/src/shared/widgets/panel_header.dart index 3cae04c..e01c2ad 100644 --- a/lib/src/shared/widgets/panel_header.dart +++ b/lib/src/shared/widgets/panel_header.dart @@ -59,8 +59,10 @@ class PanelHeader extends StatelessWidget { return switch (variant) { PanelHeaderVariant.primary => _buildPrimaryHeader(context, displayTitle), PanelHeaderVariant.section => _buildSectionHeader(context, displayTitle), - PanelHeaderVariant.equipment => - _buildEquipmentHeader(context, displayTitle), + PanelHeaderVariant.equipment => _buildEquipmentHeader( + context, + displayTitle, + ), }; } @@ -79,7 +81,7 @@ class PanelHeader extends StatelessWidget { displayTitle, style: TextStyle( fontFamily: 'PressStart2P', - fontSize: RetroTheme.fontSizeXs, + fontSize: 7, fontWeight: FontWeight.bold, color: gold, ), @@ -98,7 +100,7 @@ class PanelHeader extends StatelessWidget { displayTitle, style: TextStyle( fontWeight: FontWeight.bold, - fontSize: 13, + fontSize: 18, color: colorScheme.onPrimaryContainer, ), ), @@ -132,7 +134,7 @@ class PanelHeader extends StatelessWidget { displayTitle, style: TextStyle( fontWeight: FontWeight.bold, - fontSize: 13, + fontSize: 18, color: gold, ), ), @@ -162,7 +164,7 @@ class MutedSectionHeader extends StatelessWidget { title.toUpperCase(), style: TextStyle( fontFamily: 'PressStart2P', - fontSize: RetroTheme.fontSizeXs, + fontSize: 7, color: textMuted, ), ), diff --git a/lib/src/shared/widgets/retro_button.dart b/lib/src/shared/widgets/retro_button.dart index cb9c7bd..2ceaadc 100644 --- a/lib/src/shared/widgets/retro_button.dart +++ b/lib/src/shared/widgets/retro_button.dart @@ -108,7 +108,7 @@ class _RetroButtonState extends State { child: DefaultTextStyle( style: TextStyle( fontFamily: 'PressStart2P', - fontSize: 10, + fontSize: 14, color: _isEnabled ? (_isHovered ? RetroColors.gold : RetroColors.textLight) : RetroColors.textDisabled, diff --git a/lib/src/shared/widgets/retro_dialog.dart b/lib/src/shared/widgets/retro_dialog.dart index dd17f7e..a85587a 100644 --- a/lib/src/shared/widgets/retro_dialog.dart +++ b/lib/src/shared/widgets/retro_dialog.dart @@ -76,7 +76,7 @@ class RetroDialog extends StatelessWidget { child: Row( children: [ if (titleIcon != null) ...[ - Text(titleIcon!, style: TextStyle(fontSize: 14, color: accent)), + Text(titleIcon!, style: TextStyle(fontSize: 18, color: accent)), const SizedBox(width: 8), ], Expanded( @@ -84,7 +84,7 @@ class RetroDialog extends StatelessWidget { title.toUpperCase(), style: TextStyle( fontFamily: 'PressStart2P', - fontSize: 10, + fontSize: 14, color: accent, letterSpacing: 1, ), @@ -101,7 +101,7 @@ class RetroDialog extends StatelessWidget { 'X', style: TextStyle( fontFamily: 'PressStart2P', - fontSize: 8, + fontSize: 13, color: mutedColor, ), ), @@ -146,10 +146,10 @@ class RetroTabBar extends StatelessWidget { ), labelColor: accent, unselectedLabelColor: mutedColor, - labelStyle: const TextStyle(fontFamily: 'PressStart2P', fontSize: 9), + labelStyle: const TextStyle(fontFamily: 'PressStart2P', fontSize: 14), unselectedLabelStyle: const TextStyle( fontFamily: 'PressStart2P', - fontSize: 9, + fontSize: 14, ), dividerColor: Colors.transparent, tabs: tabs.map((t) => Tab(text: t.toUpperCase())).toList(), @@ -181,14 +181,14 @@ class RetroSectionHeader extends StatelessWidget { child: Row( children: [ if (icon != null) ...[ - Text(icon!, style: TextStyle(fontSize: 12, color: accent)), + Text(icon!, style: TextStyle(fontSize: 17, color: accent)), const SizedBox(width: 6), ], Text( title.toUpperCase(), style: TextStyle( fontFamily: 'PressStart2P', - fontSize: 8, + fontSize: 13, color: accent, ), ), @@ -238,7 +238,7 @@ class RetroInfoBox extends StatelessWidget { content, style: TextStyle( fontFamily: 'PressStart2P', - fontSize: 9, + fontSize: 14, color: textColor, height: 1.8, ), @@ -278,7 +278,7 @@ class RetroStatRow extends StatelessWidget { label, style: TextStyle( fontFamily: 'PressStart2P', - fontSize: 8, + fontSize: 13, color: mutedColor, ), ), @@ -296,7 +296,7 @@ class RetroStatRow extends StatelessWidget { value, style: TextStyle( fontFamily: 'JetBrainsMono', - fontSize: 9, + fontSize: 15, color: highlight ? accent : textColor, fontWeight: FontWeight.bold, ), diff --git a/lib/src/shared/widgets/retro_panel.dart b/lib/src/shared/widgets/retro_panel.dart index a85af98..48c523f 100644 --- a/lib/src/shared/widgets/retro_panel.dart +++ b/lib/src/shared/widgets/retro_panel.dart @@ -94,7 +94,7 @@ class _PanelTitle extends StatelessWidget { title.toUpperCase(), style: TextStyle( fontFamily: 'PressStart2P', - fontSize: 10, + fontSize: 14, color: useGoldBorder ? RetroColors.gold : RetroColors.textLight, letterSpacing: 1, ),