style(ui): shared 컴포넌트 폰트 크기 증가
- RetroPanel 제목 폰트: 10 → 14 - RetroButton, RetroDialog 폰트 크기 조정 - PanelHeader, retro_theme_constants 스타일 개선 - 가독성 향상을 위한 전반적인 폰트 크기 상향
This commit is contained in:
@@ -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(
|
||||||
|
|||||||
@@ -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,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
|||||||
@@ -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,
|
||||||
|
|||||||
@@ -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,
|
||||||
),
|
),
|
||||||
|
|||||||
@@ -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,
|
||||||
),
|
),
|
||||||
|
|||||||
Reference in New Issue
Block a user