feat: apply iOS-style theme and replace removed color constants

Switch AppColors to iOS system palette (007AFF blue, F2F2F7 grouped
background, separator, label hierarchy) and rewrite AppTheme with
iOS-inspired Material 3 tokens (no elevation, negative letter-spacing,
50px buttons, 12px radii). Replace removed primaryLight/accent references
in recipe screens with primary.withValues(alpha:0.15) and primary.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
dbastrikin
2026-02-22 15:54:54 +02:00
parent 3d900df15b
commit a0ebd6cc0b
5 changed files with 261 additions and 37 deletions

View File

@@ -194,7 +194,7 @@ class _RecipeDetailScreenState extends ConsumerState<RecipeDetailScreen> {
class _PlaceholderImage extends StatelessWidget {
@override
Widget build(BuildContext context) => Container(
color: AppColors.primaryLight.withValues(alpha: 0.3),
color: AppColors.primary.withValues(alpha: 0.15),
child: const Center(child: Icon(Icons.restaurant, size: 64)),
);
}
@@ -293,7 +293,7 @@ class _NutritionCard extends StatelessWidget {
child: Text(
'',
style: TextStyle(
color: AppColors.accent,
color: AppColors.primary,
fontSize: 16,
fontWeight: FontWeight.bold,
),
@@ -360,7 +360,7 @@ class _TagsRow extends StatelessWidget {
.map(
(t) => Chip(
label: Text(t, style: const TextStyle(fontSize: 11)),
backgroundColor: AppColors.primaryLight.withValues(alpha: 0.3),
backgroundColor: AppColors.primary.withValues(alpha: 0.15),
padding: EdgeInsets.zero,
visualDensity: VisualDensity.compact,
),
@@ -490,12 +490,12 @@ class _StepTile extends StatelessWidget {
Row(
children: [
const Icon(Icons.timer_outlined,
size: 14, color: AppColors.accent),
size: 14, color: AppColors.primary),
const SizedBox(width: 4),
Text(
_formatTimer(step.timerSeconds!),
style: const TextStyle(
color: AppColors.accent, fontSize: 12),
color: AppColors.primary, fontSize: 12),
),
],
),

View File

@@ -197,7 +197,7 @@ class _Thumbnail extends StatelessWidget {
return Container(
width: 80,
height: 80,
color: AppColors.primaryLight.withValues(alpha: 0.3),
color: AppColors.primary.withValues(alpha: 0.15),
child: const Icon(Icons.restaurant),
);
}
@@ -211,7 +211,7 @@ class _Thumbnail extends StatelessWidget {
errorWidget: (_, __, ___) => Container(
width: 80,
height: 80,
color: AppColors.primaryLight.withValues(alpha: 0.3),
color: AppColors.primary.withValues(alpha: 0.15),
child: const Icon(Icons.restaurant),
),
);

View File

@@ -125,7 +125,7 @@ class _RecipeImage extends StatelessWidget {
if (imageUrl.isEmpty) {
return Container(
height: 180,
color: AppColors.primaryLight.withValues(alpha: 0.3),
color: AppColors.primary.withValues(alpha: 0.15),
child: const Center(child: Icon(Icons.restaurant, size: 48)),
);
}
@@ -140,7 +140,7 @@ class _RecipeImage extends StatelessWidget {
),
errorWidget: (_, __, ___) => Container(
height: 180,
color: AppColors.primaryLight.withValues(alpha: 0.3),
color: AppColors.primary.withValues(alpha: 0.15),
child: const Center(child: Icon(Icons.restaurant, size: 48)),
),
);
@@ -235,7 +235,7 @@ class _NutritionRow extends StatelessWidget {
);
return Row(
children: [
Text('', style: style?.copyWith(color: AppColors.accent)),
Text('', style: style?.copyWith(color: AppColors.primary)),
_NutItem(label: 'ккал', value: nutrition.calories.round(), style: style),
const SizedBox(width: 8),
_NutItem(label: 'б', value: nutrition.proteinG.round(), style: style),