feat: 글래스모피즘 디자인 시스템 및 색상 가이드 전면 적용

- @doc/color.md 가이드라인에 따른 색상 시스템 전면 개편
- 딥 블루(#2563EB), 스카이 블루(#60A5FA) 메인 컬러로 변경
- 모든 화면과 위젯에 글래스모피즘 효과 일관성 있게 적용
- darkNavy, navyGray 등 새로운 텍스트 색상 체계 도입
- 공통 스낵바 및 다이얼로그 컴포넌트 추가
- Claude AI 프로젝트 컨텍스트 파일(CLAUDE.md) 추가

영향받은 컴포넌트:
- 10개 스크린 (main, settings, detail, splash 등)
- 30개 이상 위젯 (buttons, cards, forms 등)
- 테마 시스템 (AppColors, AppTheme)

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
JiWoong Sul
2025-07-11 18:41:05 +09:00
parent 83c5e3d64e
commit 2f60ef585a
46 changed files with 1096 additions and 580 deletions

View File

@@ -135,7 +135,7 @@ class _SplashScreenState extends State<SplashScreen>
// 글래스모피즘 오버레이
Container(
decoration: BoxDecoration(
color: Colors.white.withValues(alpha: 0.05),
color: AppColors.pureWhite.withValues(alpha: 0.05),
),
),
Stack(
@@ -188,8 +188,8 @@ class _SplashScreenState extends State<SplashScreen>
shape: BoxShape.circle,
gradient: RadialGradient(
colors: [
Colors.white.withValues(alpha: 0.1),
Colors.white.withValues(alpha: 0.0),
AppColors.pureWhite.withValues(alpha: 0.1),
AppColors.pureWhite.withValues(alpha: 0.0),
],
stops: const [0.2, 1.0],
),
@@ -208,8 +208,8 @@ class _SplashScreenState extends State<SplashScreen>
shape: BoxShape.circle,
gradient: RadialGradient(
colors: [
Colors.white.withValues(alpha: 0.07),
Colors.white.withValues(alpha: 0.0),
AppColors.pureWhite.withValues(alpha: 0.07),
AppColors.pureWhite.withValues(alpha: 0.0),
],
stops: const [0.4, 1.0],
),
@@ -250,23 +250,22 @@ class _SplashScreenState extends State<SplashScreen>
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [
Colors.white
AppColors.pureWhite
.withValues(alpha: 0.2),
Colors.white
AppColors.pureWhite
.withValues(alpha: 0.1),
],
),
borderRadius:
BorderRadius.circular(30),
border: Border.all(
color: Colors.white
color: AppColors.pureWhite
.withValues(alpha: 0.3),
width: 1.5,
),
boxShadow: [
BoxShadow(
color: Colors.black
.withValues(alpha: 0.1),
color: AppColors.shadowBlack,
spreadRadius: 0,
blurRadius: 30,
offset: const Offset(0, 10),
@@ -323,12 +322,12 @@ class _SplashScreenState extends State<SplashScreen>
),
);
},
child: const Text(
child: Text(
'SubManager',
style: TextStyle(
fontSize: 36,
fontWeight: FontWeight.bold,
color: Colors.white,
color: AppColors.pureWhite,
letterSpacing: 1.2,
),
),
@@ -349,11 +348,11 @@ class _SplashScreenState extends State<SplashScreen>
),
);
},
child: const Text(
child: Text(
'구독 서비스 관리를 더 쉽게',
style: TextStyle(
fontSize: 16,
color: Colors.white70,
color: AppColors.pureWhite.withValues(alpha: 0.7),
letterSpacing: 0.5,
),
),
@@ -374,17 +373,17 @@ class _SplashScreenState extends State<SplashScreen>
height: 60,
padding: const EdgeInsets.all(6),
decoration: BoxDecoration(
color: Colors.white.withValues(alpha: 0.1),
color: AppColors.pureWhite.withValues(alpha: 0.1),
borderRadius: BorderRadius.circular(50),
border: Border.all(
color:
Colors.white.withValues(alpha: 0.2),
AppColors.pureWhite.withValues(alpha: 0.2),
width: 1,
),
),
child: const CircularProgressIndicator(
child: CircularProgressIndicator(
valueColor: AlwaysStoppedAnimation<Color>(
Colors.white),
AppColors.pureWhite),
strokeWidth: 3,
),
),
@@ -401,11 +400,11 @@ class _SplashScreenState extends State<SplashScreen>
padding: const EdgeInsets.only(bottom: 24.0),
child: FadeTransition(
opacity: _fadeAnimation,
child: const Text(
child: Text(
'© 2023 CClabs. All rights reserved.',
style: TextStyle(
fontSize: 12,
color: Colors.white60,
color: AppColors.pureWhite.withValues(alpha: 0.6),
letterSpacing: 0.5,
),
),