loyalty

lib/features/cart/presentation/pages/cart_page.dart

@@ -8,6 +8,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
 import 'package:intl/intl.dart';
+import 'package:worker/core/constants/ui_constants.dart';
 import 'package:worker/core/router/app_router.dart';
 import 'package:worker/core/theme/colors.dart';
 import 'package:worker/core/theme/typography.dart';
@@ -79,20 +80,25 @@ class _CartPageState extends ConsumerState<CartPage> {
     );
 
     return Scaffold(
-      backgroundColor: AppColors.grey50,
+      backgroundColor: const Color(0xFFF4F6F8),
       appBar: AppBar(
         leading: IconButton(
-          icon: const Icon(Icons.arrow_back),
+          icon: const Icon(Icons.arrow_back, color: Colors.black),
           onPressed: () => context.pop(),
         ),
-        title: Text('Giỏ hàng ($itemCount)'),
+        title: Text('Giỏ hàng ($itemCount)', style: const TextStyle(color: Colors.black)),
+        elevation: AppBarSpecs.elevation,
+        backgroundColor: AppColors.white,
+        foregroundColor: AppColors.grey900,
+        centerTitle: false,
         actions: [
           if (cartState.isNotEmpty)
             IconButton(
-              icon: const Icon(Icons.delete_outline),
+              icon: const Icon(Icons.delete_outline, color: Colors.black),
               onPressed: _clearCart,
               tooltip: 'Xóa giỏ hàng',
             ),
+          const SizedBox(width: AppSpacing.sm),
         ],
       ),
       body: cartState.isEmpty