dr_duke_theme

Description:

dr duke theme

Dr. Duke Theme #
design system provides a set of reusable styles and components for consistent and efficient app development. It includes predefined colors, typography, spacing, shadows, and radius values to maintain a cohesive visual language across our apps.
Access #
Access the predefined styles and components through the DukeTheme instance:
Colors: duketheme.color
Typography: duketheme.typography
Spacing: duketheme.spacing
Radius: duketheme.radius
Shadows: duketheme.shadow
Size: duketheme.size
copied to clipboard
Usage #
import 'package:dr_duke_shared/style/theme/theme.dart';

Container(
height: context.duketheme.size.xs,
margin: context.duketheme.spacing.xd,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(context.duketheme.radius.lg),
color: context.duketheme.color.primary,
boxShadow: [context.dukeTheme.shadow.cardShadow],
),
child: Text(
'Hello World!',
style: context.duketheme.typography.headline,
),
),


copied to clipboard