style(ui): 폰트 크기 및 레이아웃 조정

- 전역 테마 폰트 크기 증가 (가독성 개선)
- 위젯 레이아웃 미세 조정
This commit is contained in:
JiWoong Sul
2026-01-05 19:42:09 +09:00
parent 02a59fb443
commit ff24f2bb55
11 changed files with 50 additions and 50 deletions

View File

@@ -229,7 +229,7 @@ class _AskiiNeverDieAppState extends State<AskiiNeverDieApp> {
),
titleSmall: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 8,
fontSize: 10,
color: Color(0xFF1F1F28),
),
bodyLarge: TextStyle(fontSize: 14, color: Color(0xFF1F1F28)),
@@ -237,17 +237,17 @@ class _AskiiNeverDieAppState extends State<AskiiNeverDieApp> {
bodySmall: TextStyle(fontSize: 10, color: Color(0xFF1F1F28)),
labelLarge: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 10,
fontSize: 11,
color: Color(0xFF1F1F28),
),
labelMedium: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 8,
fontSize: 10,
color: Color(0xFF1F1F28),
),
labelSmall: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 6,
fontSize: 8,
color: Color(0xFF1F1F28),
),
),
@@ -256,7 +256,7 @@ class _AskiiNeverDieAppState extends State<AskiiNeverDieApp> {
backgroundColor: Color(0xFFE8DDD0),
labelStyle: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 8,
fontSize: 10,
color: Color(0xFF1F1F28),
),
side: BorderSide(color: Color(0xFF8B7355)),
@@ -363,7 +363,7 @@ class _AskiiNeverDieAppState extends State<AskiiNeverDieApp> {
),
titleSmall: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 8,
fontSize: 10,
color: Color(0xFFC0CAF5),
),
bodyLarge: TextStyle(fontSize: 14, color: Color(0xFFC0CAF5)),
@@ -371,17 +371,17 @@ class _AskiiNeverDieAppState extends State<AskiiNeverDieApp> {
bodySmall: TextStyle(fontSize: 10, color: Color(0xFFC0CAF5)),
labelLarge: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 10,
fontSize: 11,
color: Color(0xFFC0CAF5),
),
labelMedium: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 8,
fontSize: 10,
color: Color(0xFFC0CAF5),
),
labelSmall: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 6,
fontSize: 8,
color: Color(0xFFC0CAF5),
),
),
@@ -390,7 +390,7 @@ class _AskiiNeverDieAppState extends State<AskiiNeverDieApp> {
backgroundColor: Color(0xFF2A2E3F),
labelStyle: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 8,
fontSize: 10,
color: Color(0xFFC0CAF5),
),
side: BorderSide(color: Color(0xFF545C7E)),

View File

@@ -262,7 +262,7 @@ class _SavedGameInfo extends StatelessWidget {
'${preview.characterName} Lv.${preview.level} ${preview.actName}',
style: const TextStyle(
fontFamily: 'PressStart2P',
fontSize: 7,
fontSize: 9,
color: RetroColors.textDisabled,
),
),
@@ -285,7 +285,7 @@ class _CopyrightFooter extends StatelessWidget {
textAlign: TextAlign.center,
style: const TextStyle(
fontFamily: 'PressStart2P',
fontSize: 6,
fontSize: 8,
color: RetroColors.textDisabled,
),
),
@@ -317,7 +317,7 @@ class _RetroTag extends StatelessWidget {
label,
style: const TextStyle(
fontFamily: 'PressStart2P',
fontSize: 7,
fontSize: 9,
color: RetroColors.textLight,
),
),

View File

@@ -1225,7 +1225,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
title.toUpperCase(),
style: const TextStyle(
fontFamily: 'PressStart2P',
fontSize: 6,
fontSize: 8,
color: RetroColors.textDisabled,
),
),
@@ -1303,7 +1303,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
t.$1.toUpperCase(),
style: const TextStyle(
fontFamily: 'PressStart2P',
fontSize: 6,
fontSize: 8,
color: RetroColors.textDisabled,
),
),
@@ -1313,7 +1313,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
t.$2,
style: const TextStyle(
fontFamily: 'PressStart2P',
fontSize: 7,
fontSize: 9,
color: RetroColors.textLight,
),
overflow: TextOverflow.ellipsis,
@@ -1337,7 +1337,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
L10n.of(context).noSpellsYet,
style: const TextStyle(
fontFamily: 'PressStart2P',
fontSize: 7,
fontSize: 9,
color: RetroColors.textDisabled,
),
),
@@ -1378,7 +1378,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
l10n.goldAmount(state.inventory.gold),
style: const TextStyle(
fontFamily: 'PressStart2P',
fontSize: 7,
fontSize: 9,
color: RetroColors.gold,
),
),
@@ -1401,7 +1401,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
l10n.gold.toUpperCase(),
style: const TextStyle(
fontFamily: 'PressStart2P',
fontSize: 6,
fontSize: 8,
color: RetroColors.gold,
),
),
@@ -1410,7 +1410,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
'${state.inventory.gold}',
style: const TextStyle(
fontFamily: 'PressStart2P',
fontSize: 7,
fontSize: 9,
color: RetroColors.gold,
),
),
@@ -1433,7 +1433,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
translatedName,
style: const TextStyle(
fontFamily: 'PressStart2P',
fontSize: 6,
fontSize: 8,
color: RetroColors.textLight,
),
overflow: TextOverflow.ellipsis,
@@ -1443,7 +1443,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
'${item.count}',
style: const TextStyle(
fontFamily: 'PressStart2P',
fontSize: 6,
fontSize: 8,
color: RetroColors.cream,
),
),
@@ -1464,7 +1464,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
l10n.prologue.toUpperCase(),
style: const TextStyle(
fontFamily: 'PressStart2P',
fontSize: 7,
fontSize: 9,
color: RetroColors.textDisabled,
),
),
@@ -1496,7 +1496,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
index == 0 ? l10n.prologue : l10n.actNumber(_toRoman(index)),
style: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 6,
fontSize: 8,
color: isCompleted
? RetroColors.textDisabled
: (isCurrent ? RetroColors.gold : RetroColors.textLight),
@@ -1523,7 +1523,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
l10n.noActiveQuests.toUpperCase(),
style: const TextStyle(
fontFamily: 'PressStart2P',
fontSize: 7,
fontSize: 9,
color: RetroColors.textDisabled,
),
),
@@ -1563,7 +1563,7 @@ class _GamePlayScreenState extends State<GamePlayScreen>
quest.caption,
style: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 6,
fontSize: 8,
color: isCurrentQuest
? RetroColors.gold
: (quest.isComplete

View File

@@ -49,7 +49,7 @@ class CarouselNavBar extends StatelessWidget {
),
),
child: SizedBox(
height: 48,
height: 56,
child: Row(
children: CarouselPage.values.map((page) {
final isSelected = page.index == currentPage;
@@ -101,13 +101,13 @@ class _NavButton extends StatelessWidget {
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(icon, size: 18, color: color),
Icon(icon, size: 20, color: color),
const SizedBox(height: 2),
Text(
label,
style: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 5,
fontSize: 8,
fontWeight: isSelected ? FontWeight.bold : FontWeight.normal,
color: color,
),

View File

@@ -258,7 +258,7 @@ class DeathOverlay extends StatelessWidget {
causeText,
style: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 7,
fontSize: 9,
color: hpColor,
),
textAlign: TextAlign.center,
@@ -312,7 +312,7 @@ class DeathOverlay extends StatelessWidget {
l10n.deathSacrificedToResurrect.toUpperCase(),
style: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 6,
fontSize: 8,
color: muted,
),
),
@@ -321,7 +321,7 @@ class DeathOverlay extends StatelessWidget {
deathInfo.lostItemName!,
style: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 7,
fontSize: 9,
color: hpColor,
),
),
@@ -376,7 +376,7 @@ class DeathOverlay extends StatelessWidget {
label,
style: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 6,
fontSize: 8,
color: muted,
),
),
@@ -386,7 +386,7 @@ class DeathOverlay extends StatelessWidget {
value,
style: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 7,
fontSize: 9,
color: valueColor,
),
),
@@ -475,7 +475,7 @@ class DeathOverlay extends StatelessWidget {
l10n.deathCombatLog.toUpperCase(),
style: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 7,
fontSize: 9,
color: gold,
),
),

View File

@@ -302,7 +302,7 @@ class _HpMpBarState extends State<HpMpBar> with TickerProviderStateMixin {
label,
style: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 7,
fontSize: 9,
fontWeight: FontWeight.bold,
color: RetroColors.gold.withValues(alpha: blinkOpacity),
),
@@ -352,7 +352,7 @@ class _HpMpBarState extends State<HpMpBar> with TickerProviderStateMixin {
'$current/$max',
style: const TextStyle(
fontFamily: 'PressStart2P',
fontSize: 6,
fontSize: 8,
color: RetroColors.textLight,
),
textAlign: TextAlign.right,
@@ -444,7 +444,7 @@ class _HpMpBarState extends State<HpMpBar> with TickerProviderStateMixin {
'${(ratio * 100).toInt()}%',
style: const TextStyle(
fontFamily: 'PressStart2P',
fontSize: 6,
fontSize: 8,
color: RetroColors.gold,
),
),
@@ -466,7 +466,7 @@ class _HpMpBarState extends State<HpMpBar> with TickerProviderStateMixin {
: '$_monsterHpChange',
style: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 7,
fontSize: 9,
fontWeight: FontWeight.bold,
color: _monsterHpChange < 0
? RetroColors.gold

View File

@@ -172,7 +172,7 @@ class _NotificationCard extends StatelessWidget {
_getTypeLabel(notification.type),
style: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 7,
fontSize: 9,
color: accentColor,
letterSpacing: 1,
),
@@ -185,7 +185,7 @@ class _NotificationCard extends StatelessWidget {
'[X]',
style: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 7,
fontSize: 9,
color: textMuted,
),
),
@@ -229,7 +229,7 @@ class _NotificationCard extends StatelessWidget {
notification.subtitle!,
style: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 7,
fontSize: 9,
color: textMuted,
),
),

View File

@@ -195,7 +195,7 @@ class _SkillRow extends StatelessWidget {
),
child: Text(
l10n.uiDot,
style: const TextStyle(fontSize: 7, color: Colors.white70),
style: const TextStyle(fontSize: 9, color: Colors.white70),
),
),
const SizedBox(width: 4),

View File

@@ -533,7 +533,7 @@ class _VictoryOverlayState extends State<VictoryOverlay>
theEnd,
style: TextStyle(
fontFamily: 'JetBrainsMono',
fontSize: 6,
fontSize: 8,
color: gold,
height: 1.0,
),

View File

@@ -515,7 +515,7 @@ class _NewCharacterScreenState extends State<NewCharacterScreen> {
game_l10n.uiRollHistory(_rollHistory.length),
style: const TextStyle(
fontFamily: 'PressStart2P',
fontSize: 6,
fontSize: 8,
color: RetroColors.textDisabled,
),
),
@@ -540,7 +540,7 @@ class _NewCharacterScreenState extends State<NewCharacterScreen> {
label.toUpperCase(),
style: const TextStyle(
fontFamily: 'PressStart2P',
fontSize: 6,
fontSize: 8,
color: RetroColors.gold,
),
),

View File

@@ -157,11 +157,11 @@ class RetroTabBar extends StatelessWidget {
unselectedLabelColor: mutedColor,
labelStyle: const TextStyle(
fontFamily: 'PressStart2P',
fontSize: 7,
fontSize: 9,
),
unselectedLabelStyle: const TextStyle(
fontFamily: 'PressStart2P',
fontSize: 7,
fontSize: 9,
),
dividerColor: Colors.transparent,
tabs: tabs.map((t) => Tab(text: t.toUpperCase())).toList(),
@@ -257,7 +257,7 @@ class RetroInfoBox extends StatelessWidget {
content,
style: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 7,
fontSize: 9,
color: textColor,
height: 1.8,
),
@@ -297,7 +297,7 @@ class RetroStatRow extends StatelessWidget {
label,
style: TextStyle(
fontFamily: 'PressStart2P',
fontSize: 6,
fontSize: 8,
color: mutedColor,
),
),