After Framework

after_design_system

Tasarım sistemi: after_design_system için amaç, bağımlılıklar, temel API'ler ve örnek.

Doküman sürümü: supercore main · paketler 1.0.0

AmaçBu bölümün bağlantısı: Amaç

Tasarım sistemi

Ortak görsel dil: renk, boşluk, köşe yarıçapı, hareket ve tipografi token'ları, Material 3 tema verisi ve ortak bileşenler; tüm ürün hatlarında aynı.

BağımlılıklarBu bölümün bağlantısı: Bağımlılıklar

after_ecosystemafter_aiafter_consumerafter_enterpriseafter_firebaseafter_coreafter_design_system
Bağımlı olduğu
after_core
Öne çıkan üçüncü taraf bağımlılıklar
shared_preferences

Temel API'lerBu bölümün bağlantısı: Temel API'ler

  • AfterThemeData
  • AfterTheme
  • AfterColors
  • AfterSpacing
  • AfterRadius
  • AfterMotion
  • AfterFadeSlide

ÖrnekBu bölümün bağlantısı: Örnek

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)),
);

Kaynak supercore/packages/after_design_system/lib/src/foundations/theme.dart (yeni sekmede açılır)