Ponder

Theming

Design-system tokens, typography, gradients, and Material theme configuration.

Theme Entry

lib/core/theme/app_theme.dart defines ponderTheme, used as both theme and darkTheme in PonderApp. themeModeProvider defaults to ThemeMode.system, but both light and dark theme references currently point to the same light Material 3 theme.

Color Tokens

AppColors defines the primary color system:

Token	Value
`scaffoldBackground`	`#F7F0E7`
`surface`	`#FFFDF8`
`surfaceRaised`	`#FFFFFF`
`primary`	`#4F755F`
`primarySoft`	`#D3E6D7`
`secondary`	`#E9B4AA`
`secondarySoft`	`#F7DCD5`
`tertiary`	`#B8C8EA`
`tertiarySoft`	`#E4EBFA`
`accent`	`#DDAA43`
`error`	`#B9473F`
`warning`	`#8F6525`
`outline`	`#E2D7CA`
`shadow`	`#1F756D66`

PonderColors maps older design-system names to these AppColors tokens.

Typography

The theme uses Google Fonts:

Fraunces for display and headline text.
Nunito Sans for body, title, label, and button text.
Inter appears in bottom navigation labels and input hints.

Material Configuration

The theme uses Material 3 with:

Light ColorScheme.
Flat cards with 8px radius and no elevation.
Centered app bar titles.
Fixed bottom navigation.
Rounded 10px buttons and text fields.
Custom TabBar, SnackBar, ListTile, FilledButton, OutlinedButton, ElevatedButton, and InputDecoration themes.

Gradients

PonderGradients defines:

brandGradient: primary-to-secondary brand gradient.
warmGradient: warning-to-error surface gradient.
freshGradient: secondary-to-surface gradient.
softGradient: scaffold background, secondary, and surface.
Seeded and random brand-gradient helpers with angle and stop jitter.