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

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

Browse Source 
- 전역 테마 폰트 크기 증가 (가독성 개선)
- 위젯 레이아웃 미세 조정
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
Download Patch File Download Diff File Expand all files Collapse all files

20
lib/src/app.dart
View File

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

6
lib/src/features/front/front_screen.dart
View File

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

26
lib/src/features/game/game_play_screen.dart
View File

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

6
lib/src/features/game/widgets/carousel_nav_bar.dart
View File

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

12
lib/src/features/game/widgets/death_overlay.dart
View File

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

8
lib/src/features/game/widgets/hp_mp_bar.dart
View File

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

6
lib/src/features/game/widgets/notification_overlay.dart
View File

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

2
lib/src/features/game/widgets/skill_panel.dart
View File

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

2
lib/src/features/game/widgets/victory_overlay.dart
View File

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

4
lib/src/features/new_character/new_character_screen.dart
View File

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

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

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