CustomColors 클래스
class CustomColors {
static const Color primaryColor = Color(0xFF6200EE);
static const Color primaryVariantColor = Color(0xFF3700B3);
static const Color secondaryColor = Color(0xFF03DAC6);
static const Color secondaryVariantColor = Color(0xFF018786);
static const Color backgroundColor = Color(0xFFF2F2F2);
static const Color surfaceColor = Color(0xFFFFFFFF);
static const Color errorColor = Color(0xFFB00020);
static const Color onPrimaryColor = Color(0xFFFFFFFF);
static const Color onSecondaryColor = Color(0xFF000000);
static const Color onBackgroundColor = Color(0xFF000000);
static const Color onSurfaceColor = Color(0xFF000000);
static const Color onErrorColor = Color(0xFFFFFFFF);
} 각 컬러의 명칭과 의미
primaryColor
의미: 앱의 기본 색상(primary color)으로, 주요 UI 요소 (예: 앱바, 버튼 등)에 사용됩니다.
용도: 브랜드 색상 또는 앱의 대표 색상으로 사용됩니다.
primaryVariantColor
의미: 기본 색상의 변형 색상으로, 기본 색상과 대비를 이루며 추가적인 UI 요소에 사용됩니다.
용도: 기본 색상과 함께 사용되어 시각적 일관성을 유지합니다.
secondaryColor
의미: 보조 색상(secondary color)으로, 주요 인터랙션 요소나 강조 요소에 사용됩니다.
용도: 사용자 인터랙션을 유도하거나 주요 정보를 강조할 때 사용됩니다.
secondaryVariantColor
의미: 보조 색상의 변형 색상으로, 보조 색상과 대비를 이루며 추가적인 UI 요소에 사용됩니다.
용도: 보조 색상과 함께 사용되어 시각적 일관성을 유지합니다.
backgroundColor
의미: 앱의 배경 색상으로, 가장 넓은 면적에 사용됩니다.
용도: 화면의 배경으로 사용되어 콘텐츠를 돋보이게 합니다.
surfaceColor
의미: 카드나 시트(sheet) 같은 표면 요소의 배경 색상으로 사용됩니다.
용도: 콘텐츠를 담는 표면 요소의 배경으로 사용됩니다.
errorColor
의미: 에러 상태를 나타내는 색상입니다.
용도: 폼 검증 오류나 시스템 에러 등을 표시할 때 사용됩니다.
onPrimaryColor
의미: 기본 색상(primary color) 위에 표시되는 텍스트나 아이콘의 색상입니다.
용도: 기본 색상 배경 위의 텍스트나 아이콘의 색상을 설정합니다.
onSecondaryColor
의미: 보조 색상(secondary color) 위에 표시되는 텍스트나 아이콘의 색상입니다.
용도: 보조 색상 배경 위의 텍스트나 아이콘의 색상을 설정합니다.
onBackgroundColor
의미: 배경 색상(background color) 위에 표시되는 텍스트나 아이콘의 색상입니다.
용도: 배경 색상 위의 텍스트나 아이콘의 색상을 설정합니다.
onSurfaceColor
의미: 표면 색상(surface color) 위에 표시되는 텍스트나 아이콘의 색상입니다.
용도: 표면 색상 위의 텍스트나 아이콘의 색상을 설정합니다.
onErrorColor
의미: 에러 색상(error color) 위에 표시되는 텍스트나 아이콘의 색상입니다.
용도: 에러 색상 배경 위의 텍스트나 아이콘의 색상을 설정합니다.
