After Framework

after_design_system

Système de design : objectif, dépendances, API clés et exemple pour after_design_system.

Version de la doc: supercore main · packages 1.0.0

ObjectifLien vers cette section: Objectif

Système de design

Le langage visuel partagé : tokens de couleur, d’espacement, de rayon, de mouvement et de typographie, données de thème Material 3 et composants partagés, identiques d’une ligne de produits à l’autre.

DépendancesLien vers cette section: Dépendances

after_ecosystemafter_aiafter_consumerafter_enterpriseafter_firebaseafter_coreafter_design_system
Dépend de
after_core
Dépendances tierces notables
shared_preferences

API clésLien vers cette section: API clés

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

ExempleLien vers cette section: Exemple

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

Source supercore/packages/after_design_system/lib/src/foundations/theme.dart (s’ouvre dans un nouvel onglet)