after_design_system
Sistema de diseño: propósito, dependencias, API clave y ejemplo de after_design_system.
Versión de la documentación: supercore main · paquetes 1.0.0
PropósitoEnlace a esta sección: Propósito
Sistema de diseño
El lenguaje visual compartido: tokens de color, espaciado, radio, movimiento y tipografía, datos de tema Material 3 y componentes compartidos, idénticos en todas las líneas de producto.
DependenciasEnlace a esta sección: Dependencias
- Depende de
- after_core
- Usado por
- after_consumerafter_enterprise
- Dependencias de terceros destacadas
- shared_preferences
API claveEnlace a esta sección: API clave
- AfterThemeData
- AfterTheme
- AfterColors
- AfterSpacing
- AfterRadius
- AfterMotion
- AfterFadeSlide
EjemploEnlace a esta sección: Ejemplo
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)),
);Fuente supercore/packages/after_design_system/lib/src/foundations/theme.dart (se abre en una pestaña nueva)