style(ui): shared 컴포넌트 폰트 크기 증가

- RetroPanel 제목 폰트: 10 → 14
- RetroButton, RetroDialog 폰트 크기 조정
- PanelHeader, retro_theme_constants 스타일 개선
- 가독성 향상을 위한 전반적인 폰트 크기 상향
This commit is contained in:
JiWoong Sul
2026-01-15 19:07:23 +09:00
parent 2435bcffb7
commit e882093d37
5 changed files with 22 additions and 22 deletions

View File

@@ -138,10 +138,8 @@ abstract class RetroTheme {
); );
/// 뮤트 텍스트 스타일 /// 뮤트 텍스트 스타일
static TextStyle bodyTextMuted(BuildContext context) => TextStyle( static TextStyle bodyTextMuted(BuildContext context) =>
fontSize: fontSizeSm, TextStyle(fontSize: fontSizeSm, color: RetroColors.textMutedOf(context));
color: RetroColors.textMutedOf(context),
);
/// 라벨 텍스트 스타일 /// 라벨 텍스트 스타일
static TextStyle labelText(BuildContext context) => TextStyle( static TextStyle labelText(BuildContext context) => TextStyle(

View File

@@ -59,8 +59,10 @@ class PanelHeader extends StatelessWidget {
return switch (variant) { return switch (variant) {
PanelHeaderVariant.primary => _buildPrimaryHeader(context, displayTitle), PanelHeaderVariant.primary => _buildPrimaryHeader(context, displayTitle),
PanelHeaderVariant.section => _buildSectionHeader(context, displayTitle), PanelHeaderVariant.section => _buildSectionHeader(context, displayTitle),
PanelHeaderVariant.equipment => PanelHeaderVariant.equipment => _buildEquipmentHeader(
_buildEquipmentHeader(context, displayTitle), context,
displayTitle,
),
}; };
} }
@@ -79,7 +81,7 @@ class PanelHeader extends StatelessWidget {
displayTitle, displayTitle,
style: TextStyle( style: TextStyle(
fontFamily: 'PressStart2P', fontFamily: 'PressStart2P',
fontSize: RetroTheme.fontSizeXs, fontSize: 7,
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
color: gold, color: gold,
), ),
@@ -98,7 +100,7 @@ class PanelHeader extends StatelessWidget {
displayTitle, displayTitle,
style: TextStyle( style: TextStyle(
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
fontSize: 13, fontSize: 18,
color: colorScheme.onPrimaryContainer, color: colorScheme.onPrimaryContainer,
), ),
), ),
@@ -132,7 +134,7 @@ class PanelHeader extends StatelessWidget {
displayTitle, displayTitle,
style: TextStyle( style: TextStyle(
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
fontSize: 13, fontSize: 18,
color: gold, color: gold,
), ),
), ),
@@ -162,7 +164,7 @@ class MutedSectionHeader extends StatelessWidget {
title.toUpperCase(), title.toUpperCase(),
style: TextStyle( style: TextStyle(
fontFamily: 'PressStart2P', fontFamily: 'PressStart2P',
fontSize: RetroTheme.fontSizeXs, fontSize: 7,
color: textMuted, color: textMuted,
), ),
), ),

View File

@@ -108,7 +108,7 @@ class _RetroButtonState extends State<RetroButton> {
child: DefaultTextStyle( child: DefaultTextStyle(
style: TextStyle( style: TextStyle(
fontFamily: 'PressStart2P', fontFamily: 'PressStart2P',
fontSize: 10, fontSize: 14,
color: _isEnabled color: _isEnabled
? (_isHovered ? RetroColors.gold : RetroColors.textLight) ? (_isHovered ? RetroColors.gold : RetroColors.textLight)
: RetroColors.textDisabled, : RetroColors.textDisabled,

View File

@@ -76,7 +76,7 @@ class RetroDialog extends StatelessWidget {
child: Row( child: Row(
children: [ children: [
if (titleIcon != null) ...[ if (titleIcon != null) ...[
Text(titleIcon!, style: TextStyle(fontSize: 14, color: accent)), Text(titleIcon!, style: TextStyle(fontSize: 18, color: accent)),
const SizedBox(width: 8), const SizedBox(width: 8),
], ],
Expanded( Expanded(
@@ -84,7 +84,7 @@ class RetroDialog extends StatelessWidget {
title.toUpperCase(), title.toUpperCase(),
style: TextStyle( style: TextStyle(
fontFamily: 'PressStart2P', fontFamily: 'PressStart2P',
fontSize: 10, fontSize: 14,
color: accent, color: accent,
letterSpacing: 1, letterSpacing: 1,
), ),
@@ -101,7 +101,7 @@ class RetroDialog extends StatelessWidget {
'X', 'X',
style: TextStyle( style: TextStyle(
fontFamily: 'PressStart2P', fontFamily: 'PressStart2P',
fontSize: 8, fontSize: 13,
color: mutedColor, color: mutedColor,
), ),
), ),
@@ -146,10 +146,10 @@ class RetroTabBar extends StatelessWidget {
), ),
labelColor: accent, labelColor: accent,
unselectedLabelColor: mutedColor, unselectedLabelColor: mutedColor,
labelStyle: const TextStyle(fontFamily: 'PressStart2P', fontSize: 9), labelStyle: const TextStyle(fontFamily: 'PressStart2P', fontSize: 14),
unselectedLabelStyle: const TextStyle( unselectedLabelStyle: const TextStyle(
fontFamily: 'PressStart2P', fontFamily: 'PressStart2P',
fontSize: 9, fontSize: 14,
), ),
dividerColor: Colors.transparent, dividerColor: Colors.transparent,
tabs: tabs.map((t) => Tab(text: t.toUpperCase())).toList(), tabs: tabs.map((t) => Tab(text: t.toUpperCase())).toList(),
@@ -181,14 +181,14 @@ class RetroSectionHeader extends StatelessWidget {
child: Row( child: Row(
children: [ children: [
if (icon != null) ...[ if (icon != null) ...[
Text(icon!, style: TextStyle(fontSize: 12, color: accent)), Text(icon!, style: TextStyle(fontSize: 17, color: accent)),
const SizedBox(width: 6), const SizedBox(width: 6),
], ],
Text( Text(
title.toUpperCase(), title.toUpperCase(),
style: TextStyle( style: TextStyle(
fontFamily: 'PressStart2P', fontFamily: 'PressStart2P',
fontSize: 8, fontSize: 13,
color: accent, color: accent,
), ),
), ),
@@ -238,7 +238,7 @@ class RetroInfoBox extends StatelessWidget {
content, content,
style: TextStyle( style: TextStyle(
fontFamily: 'PressStart2P', fontFamily: 'PressStart2P',
fontSize: 9, fontSize: 14,
color: textColor, color: textColor,
height: 1.8, height: 1.8,
), ),
@@ -278,7 +278,7 @@ class RetroStatRow extends StatelessWidget {
label, label,
style: TextStyle( style: TextStyle(
fontFamily: 'PressStart2P', fontFamily: 'PressStart2P',
fontSize: 8, fontSize: 13,
color: mutedColor, color: mutedColor,
), ),
), ),
@@ -296,7 +296,7 @@ class RetroStatRow extends StatelessWidget {
value, value,
style: TextStyle( style: TextStyle(
fontFamily: 'JetBrainsMono', fontFamily: 'JetBrainsMono',
fontSize: 9, fontSize: 15,
color: highlight ? accent : textColor, color: highlight ? accent : textColor,
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
), ),

View File

@@ -94,7 +94,7 @@ class _PanelTitle extends StatelessWidget {
title.toUpperCase(), title.toUpperCase(),
style: TextStyle( style: TextStyle(
fontFamily: 'PressStart2P', fontFamily: 'PressStart2P',
fontSize: 10, fontSize: 14,
color: useGoldBorder ? RetroColors.gold : RetroColors.textLight, color: useGoldBorder ? RetroColors.gold : RetroColors.textLight,
letterSpacing: 1, letterSpacing: 1,
), ),