after_design_system
Design system: purpose, dependencies, key APIs and example for after_design_system.
Docs version: supercore main · packages 1.0.0
PurposeLink to this section: Purpose
Design system
The shared visual language: color, spacing, radius, motion and typography tokens, Material 3 theme data and shared components, identical across product lines.
DependenciesLink to this section: Dependencies
- Depends on
- after_core
- Notable third-party dependencies
- shared_preferences
Key APIsLink to this section: Key APIs
- AfterThemeData
- AfterTheme
- AfterColors
- AfterSpacing
- AfterRadius
- AfterMotion
- AfterFadeSlide
ExampleLink to this section: Example
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 (opens in a new tab)