after_design_system

디자인 시스템: after_design_system의 목적, 의존성, 주요 API, 예제.

문서 버전: supercore main · 패키지 1.0.0

목적이 섹션으로 연결되는 링크: 목적

디자인 시스템

공유 시각 언어입니다. 색상, 간격, 모서리 반경, 모션, 타이포그래피 토큰, Material 3 테마 데이터, 공유 컴포넌트를 제공하며 모든 제품 라인에서 동일합니다.

의존성이 섹션으로 연결되는 링크: 의존성

의존 대상: after_core
사용처: after_consumer after_enterprise
주요 서드파티 의존성: shared_preferences

주요 API이 섹션으로 연결되는 링크: 주요 API

AfterThemeData
AfterTheme
AfterColors
AfterSpacing
AfterRadius
AfterMotion
AfterFadeSlide

예제이 섹션으로 연결되는 링크: 예제

dart

abstract final class AfterThemeData {
  static ThemeData light({
    AfterTypography typography = AfterTypography.garage,
    Color? accentOverride,
  }) { … }

  static ThemeData dark({
    AfterTypography typography = AfterTypography.garage,
    Color? accentOverride,
  }) { … }
}

// Product: same family, own accent (spec branding.accent).
MaterialApp(
  theme: AfterThemeData.light(accentOverride: const Color(0xFF22D3EE)),
  darkTheme: AfterThemeData.dark(accentOverride: const Color(0xFF22D3EE)),
);

소스 supercore/packages/after_design_system/lib/src/foundations/theme.dart (새 탭에서 열림)