julian/asciinevrdie
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 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
Download Patch File Download Diff File Expand all files Collapse all files

6
lib/src/shared/retro_theme_constants.dart
View File

@@ -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(

14
lib/src/shared/widgets/panel_header.dart
View File

@@ -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,
),
),

2
lib/src/shared/widgets/retro_button.dart
View File

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

20
lib/src/shared/widgets/retro_dialog.dart
View File

@@ -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,
),

2
lib/src/shared/widgets/retro_panel.dart
View File

@@ -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,
),