2f60ef585a
- @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>
113 lines
4.2 KiB
Dart
113 lines
4.2 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
class AppColors {
|
|
// 메인 컬러 (Metronic Tailwind 스타일)
|
|
static const primaryColor = Color(0xFF2563EB); // 딥 블루
|
|
static const secondaryColor = Color(0xFF60A5FA); // 스카이 블루
|
|
static const successColor = Color(0xFF38BDF8); // 소프트 민트
|
|
static const infoColor = Color(0xFF6366F1); // 인디고
|
|
static const warningColor = Color(0xFFF59E0B); // 앰버
|
|
static const dangerColor = Color(0xFFF472B6); // 핑크 액센트
|
|
|
|
// 배경색
|
|
static const backgroundColor = Color(0xFFF1F5F9); // 슬레이트 100
|
|
static const surfaceColor = Color(0xFFFFFFFF); // 화이트
|
|
static const surfaceColorAlt = Color(0xFFF8FAFC); // 슬레이트 50
|
|
static const cardColor = Color(0xFFFFFFFF); // 화이트
|
|
|
|
// 텍스트 컬러
|
|
static const textPrimary = Color(0xFF1E293B); // 슬레이트 800
|
|
static const darkNavy = Color(0xFF1E293B); // 메인 텍스트 (color.md 가이드)
|
|
static const textSecondary = Color(0xFF334155); // 네이비 그레이
|
|
static const navyGray = Color(0xFF334155); // 서브 텍스트 (color.md 가이드)
|
|
static const textMuted = Color(0xFF334155); // 네이비 그레이
|
|
static const textLight = Color(0xFFFFFFFF); // 화이트
|
|
static const pureWhite = Color(0xFFFFFFFF); // 버튼 텍스트용 (color.md 가이드)
|
|
|
|
// 보더 & 디바이더
|
|
static const borderColor = Color(0xFFE2E8F0); // 슬레이트 200
|
|
static const dividerColor = Color(0xFFE2E8F0); // 슬레이트 200
|
|
|
|
// 그림자 (color.md 가이드)
|
|
static const shadowBlack = Color(0x14000000); // rgba(0,0,0,0.08) - 8% opacity
|
|
|
|
// 그라데이션 컬러 - 다양한 효과를 위한 조합
|
|
static const List<Color> blueGradient = [
|
|
Color(0xFF2563EB), // 딥 블루
|
|
Color(0xFF60A5FA) // 스카이 블루
|
|
];
|
|
static const List<Color> tealGradient = [
|
|
Color(0xFF14B8A6),
|
|
Color(0xFF0D9488)
|
|
];
|
|
static const List<Color> purpleGradient = [
|
|
Color(0xFF8B5CF6),
|
|
Color(0xFF7C3AED)
|
|
];
|
|
static const List<Color> amberGradient = [
|
|
Color(0xFFF59E0B),
|
|
Color(0xFFD97706)
|
|
];
|
|
static const List<Color> roseGradient = [
|
|
Color(0xFFF43F5E),
|
|
Color(0xFFE11D48)
|
|
];
|
|
|
|
// Glassmorphism 효과를 위한 색상
|
|
static const glassSurface = Color(0x33FFFFFF); // 화이트 글래스 (20% opacity)
|
|
static const glassBackground = Color(0x33FFFFFF); // 화이트 글래스 (20% opacity)
|
|
static const glassCard = Color(0x33FFFFFF); // 반투명 흰색 (20% opacity)
|
|
static const glassBorder = Color(0xFF2563EB); // 딥 블루 테두리
|
|
static const glassOverlay = Color(0x0D000000); // 연한 검정 오버레이 (5% opacity)
|
|
|
|
// 다크 모드용 Glassmorphism 색상
|
|
static const glassSurfaceDark = Color(0x0F000000); // 매우 연한 검정 (6% opacity)
|
|
static const glassBackgroundDark = Color(0x1A000000); // 연한 검정 (10% opacity)
|
|
static const glassCardDark = Color(0x33000000); // 반투명 검정 (20% opacity)
|
|
static const glassBorderDark = Color(0x4D000000); // 반투명 검정 테두리 (30% opacity)
|
|
|
|
// 백드롭 블러 효과를 위한 그라디언트
|
|
static const List<Color> glassGradient = [
|
|
Color(0x33FFFFFF), // 20% white
|
|
Color(0x1AFFFFFF), // 10% white
|
|
];
|
|
|
|
static const List<Color> glassGradientDark = [
|
|
Color(0x1A000000), // 10% black
|
|
Color(0x0F000000), // 6% black
|
|
];
|
|
|
|
// 메인 그라데이션
|
|
static const List<Color> mainGradient = [
|
|
Color(0xFF2563EB), // 딥 블루
|
|
Color(0xFF60A5FA), // 스카이 블루
|
|
Color(0xFFE0E7EF), // 라이트 그레이
|
|
];
|
|
|
|
static const List<Color> accentGradient = [
|
|
Color(0xFF38BDF8), // 소프트 민트
|
|
Color(0xFF60A5FA), // 스카이 블루
|
|
];
|
|
|
|
// 시간대별 배경 그라디언트
|
|
static const List<Color> morningGradient = [
|
|
Color(0xFFFED7AA), // 따뜻한 오렌지
|
|
Color(0xFFFBBF24), // 부드러운 노랑
|
|
];
|
|
|
|
static const List<Color> dayGradient = [
|
|
Color(0xFFDDEAFC), // 연한 하늘색
|
|
Color(0xFFBFDBFE), // 맑은 파랑
|
|
];
|
|
|
|
static const List<Color> eveningGradient = [
|
|
Color(0xFFFCA5A5), // 부드러운 핑크
|
|
Color(0xFFC084FC), // 연한 보라
|
|
];
|
|
|
|
static const List<Color> nightGradient = [
|
|
Color(0xFF4338CA), // 깊은 인디고
|
|
Color(0xFF1E1B4B), // 다크 네이비
|
|
];
|
|
}
|