after_design_system
Designsystem: Zweck, Abhängigkeiten, zentrale APIs und Beispiel für after_design_system.
Doku-Version: supercore main · Pakete 1.0.0
ZweckLink zu diesem Abschnitt: Zweck
Designsystem
Die gemeinsame visuelle Sprache: Tokens für Farbe, Abstände, Radien, Motion und Typografie, Material 3-Themedaten und gemeinsame Komponenten, identisch über alle Produktlinien.
AbhängigkeitenLink zu diesem Abschnitt: Abhängigkeiten
- Hängt ab von
- after_core
- Verwendet von
- after_consumerafter_enterprise
- Wichtige Drittanbieter-Abhängigkeiten
- shared_preferences
Zentrale APIsLink zu diesem Abschnitt: Zentrale APIs
- AfterThemeData
- AfterTheme
- AfterColors
- AfterSpacing
- AfterRadius
- AfterMotion
- AfterFadeSlide
BeispielLink zu diesem Abschnitt: Beispiel
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)),
);Quelle supercore/packages/after_design_system/lib/src/foundations/theme.dart (öffnet in neuem Tab)