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

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

Browse Source 
- @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
Download Patch File Download Diff File Expand all files Collapse all files

36
lib/widgets/main_summary_card.dart
View File

@@ -39,17 +39,15 @@ class MainScreenSummaryCard extends StatelessWidget {
child: GlassmorphismCard(
borderRadius: 24,
blur: 15,
backgroundColor: AppColors.primaryColor.withValues(alpha: 0.2),
backgroundColor: AppColors.glassCard,
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [
AppColors.primaryColor.withValues(alpha: 0.3),
AppColors.primaryColor.withBlue(
(AppColors.primaryColor.blue * 1.3)
.clamp(0, 255)
.toInt()).withValues(alpha: 0.2),
],
colors: AppColors.mainGradient.map((color) => color.withValues(alpha: 0.2)).toList(),
),
border: Border.all(
color: AppColors.glassBorder,
width: 1,
),
child: Container(
width: double.infinity,
@@ -81,7 +79,7 @@ class MainScreenSummaryCard extends StatelessWidget {
Text(
'이번 달 총 구독 비용',
style: TextStyle(
color: Colors.white.withValues(alpha: 0.9),
color: AppColors.darkNavy, // color.md 가이드: 밝은 배경 위 어두운 텍스트
fontSize: 15,
fontWeight: FontWeight.w500,
),
@@ -98,7 +96,7 @@ class MainScreenSummaryCard extends StatelessWidget {
decimalDigits: 0,
).format(monthlyCost),
style: const TextStyle(
color: Colors.white,
color: AppColors.darkNavy, // color.md 가이드: 밝은 배경 위 어두운 텍스트
fontSize: 32,
fontWeight: FontWeight.bold,
letterSpacing: -1,
@@ -108,7 +106,7 @@ class MainScreenSummaryCard extends StatelessWidget {
Text(
'원',
style: TextStyle(
color: Colors.white.withValues(alpha: 0.9),
color: AppColors.darkNavy, // color.md 가이드: 밝은 배경 위 어두운 텍스트
fontSize: 16,
fontWeight: FontWeight.w500,
),
@@ -149,7 +147,7 @@ class MainScreenSummaryCard extends StatelessWidget {
),
borderRadius: BorderRadius.circular(12),
border: Border.all(
color: Colors.white.withValues(alpha: 0.3),
color: AppColors.primaryColor.withValues(alpha: 0.3),
width: 1,
),
),
@@ -165,7 +163,7 @@ class MainScreenSummaryCard extends StatelessWidget {
child: const Icon(
Icons.local_offer_rounded,
size: 14,
color: Colors.white,
color: AppColors.primaryColor, // color.md 가이드: 밝은 배경 위 딥 블루 아이콘
),
),
const SizedBox(width: 10),
@@ -175,7 +173,7 @@ class MainScreenSummaryCard extends StatelessWidget {
Text(
'이벤트 할인 중',
style: TextStyle(
color: Colors.white.withValues(alpha: 0.9),
color: AppColors.darkNavy, // color.md 가이드: 밝은 배경 위 어두운 텍스트
fontSize: 11,
fontWeight: FontWeight.w500,
),
@@ -190,7 +188,7 @@ class MainScreenSummaryCard extends StatelessWidget {
decimalDigits: 0,
).format(eventSavings),
style: const TextStyle(
color: Colors.white,
color: AppColors.primaryColor, // color.md 가이드: 밝은 배경 위 딥 블루 강조
fontSize: 14,
fontWeight: FontWeight.bold,
),
@@ -198,7 +196,7 @@ class MainScreenSummaryCard extends StatelessWidget {
Text(
' 절약 ($activeEvents개)',
style: TextStyle(
color: Colors.white.withValues(alpha: 0.85),
color: AppColors.navyGray, // color.md 가이드: 밝은 배경 위 서브 텍스트
fontSize: 12,
fontWeight: FontWeight.w500,
),
@@ -229,7 +227,7 @@ class MainScreenSummaryCard extends StatelessWidget {
child: Container(
padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 16),
decoration: BoxDecoration(
color: Colors.white.withValues(alpha: 0.15),
color: AppColors.glassBackground,
borderRadius: BorderRadius.circular(12),
),
child: Column(
@@ -238,7 +236,7 @@ class MainScreenSummaryCard extends StatelessWidget {
Text(
title,
style: TextStyle(
color: Colors.white.withValues(alpha: 0.85),
color: AppColors.navyGray, // color.md 가이드: 밝은 배경 위 서브 텍스트
fontSize: 12,
fontWeight: FontWeight.w500,
),
@@ -247,7 +245,7 @@ class MainScreenSummaryCard extends StatelessWidget {
Text(
value,
style: const TextStyle(
color: Colors.white,
color: AppColors.darkNavy, // color.md 가이드: 밝은 배경 위 어두운 텍스트
fontSize: 14,
fontWeight: FontWeight.bold,
),