Mobile and web versions

lib/components/app_bar.dart

@@ -6,7 +6,7 @@ class GymLinkAppBar extends StatelessWidget implements PreferredSizeWidget {
   @override
   Widget build(BuildContext context) {
     return AppBar(
-      backgroundColor: Colors.white,
+      backgroundColor: Theme.of(context).scaffoldBackgroundColor,
       shadowColor: null,
       automaticallyImplyLeading: false,
       elevation: 0,

lib/components/item_card.dart

@@ -22,7 +22,7 @@ class ProductCard extends StatelessWidget {
         constraints: const BoxConstraints(minHeight: 200),
         child: Card(
           elevation: 3,
-          color: const Color(0xFFF2F3F9),
+          color: Theme.of(context).scaffoldBackgroundColor,
           shape: RoundedRectangleBorder(
             borderRadius: BorderRadius.circular(16),
           ),