From 45454092f75078c333cb2d9fe13cc964edf13dab Mon Sep 17 00:00:00 2001 From: Sn-Kinos Date: Wed, 2 Sep 2026 19:31:41 +0900 Subject: [PATCH] =?UTF-8?q?=ED=95=98=EB=8B=A8=20=ED=83=AD=20=EB=B0=94?= =?UTF-8?q?=EB=A5=BC=20Figma=20Bottom=20Navigation=20=EC=8A=A4=ED=83=80?= =?UTF-8?q?=EC=9D=BC=EB=A1=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/lib/core/router/app_router.dart | 8 ++++---- app/lib/core/theme/app_theme.dart | 26 +++++++++++++++++++------- 2 files changed, 23 insertions(+), 11 deletions(-) diff --git a/app/lib/core/router/app_router.dart b/app/lib/core/router/app_router.dart index 0cbc99d..59d102d 100644 --- a/app/lib/core/router/app_router.dart +++ b/app/lib/core/router/app_router.dart @@ -29,11 +29,11 @@ class AppTab { /// 라벨 문자열과 순서는 스모크 테스트가 정확 일치로 검증한다. /// 아이콘은 아직 확정 자산이 없어 Material 기본 아이콘을 쓴다(README 「미투입 항목」). const List appTabs = [ - AppTab(label: 'HOME', path: '/home', icon: Icons.checklist_rtl), - AppTab(label: 'INSIDE', path: '/inside', icon: Icons.forum_outlined), - AppTab(label: 'GALAXY', path: '/galaxy', icon: Icons.public), + AppTab(label: 'HOME', path: '/home', icon: Icons.home_outlined), + AppTab(label: 'INSIDE', path: '/inside', icon: Icons.chat_bubble_outline), + AppTab(label: 'GALAXY', path: '/galaxy', icon: Icons.auto_awesome_outlined), AppTab(label: 'STATION', path: '/station', icon: Icons.storefront_outlined), - AppTab(label: 'MY', path: '/my', icon: Icons.person_outline), + AppTab(label: 'MY', path: '/my', icon: Icons.account_circle_outlined), ]; const String loginPath = '/login'; diff --git a/app/lib/core/theme/app_theme.dart b/app/lib/core/theme/app_theme.dart index 0f36e8b..cc3aa37 100644 --- a/app/lib/core/theme/app_theme.dart +++ b/app/lib/core/theme/app_theme.dart @@ -50,18 +50,30 @@ ThemeData buildAppTheme() { surfaceTintColor: Colors.transparent, centerTitle: true, ), + // 시안 Bottom Navigation(350:215853) — 바탕 #141414, 알약 표시자 없음, 아이콘 24, + // 라벨 ABeeZee 10. 활성은 흰색, 비활성은 #777777. navigationBarTheme: NavigationBarThemeData( - backgroundColor: AppColors.cosmicSurface, + backgroundColor: AppColors.cosmicVoid, surfaceTintColor: Colors.transparent, - indicatorColor: AppColors.cosmicSurfaceRaised, + indicatorColor: Colors.transparent, // 탭 항목 높이는 touch-min-app(48) 아래로 내리지 않는다. height: AppSizing.touchMinApp + AppSpace.s5, + iconTheme: WidgetStateProperty.resolveWith( + (states) => IconThemeData( + size: 24, + color: states.contains(WidgetState.selected) + ? AppColors.onCosmic + : AppColors.onCosmicMuted, + ), + ), labelTextStyle: WidgetStateProperty.resolveWith( - (states) => _style( - AppType.caption, - states.contains(WidgetState.selected) - ? AppColors.cosmicAccent - : AppColors.onCosmicVariant, + (states) => TextStyle( + fontFamily: AppFonts.display, + fontSize: 10, + letterSpacing: 0.2, + color: states.contains(WidgetState.selected) + ? AppColors.onCosmic + : AppColors.onCosmicMuted, ), ), ),