updated iconpicker

lib/main.dart

@@ -8,15 +8,17 @@ import 'package:dash/utils/dbhelper_sqflite.dart';
 import 'package:dash/models/car.dart';
 import 'package:dash/models/txn.dart';
 import 'package:dash/screens/screens.dart';
+import 'package:dash/theme.dart';
 // import 'package:flutter/src/widgets/form.dart';
 
 void main() async {
   runApp(
     ChangeNotifierProvider(
       create: (context) => GarageModel(),
-      child: const MaterialApp(
+      child: MaterialApp(
         title: 'Dashboard',
         home: MyApp(),
+        theme: appTheme,
 /*         initialRoute: '/',
         routes: {
           '/': (context) => const MyApp(),

lib/screens/car_detail.dart

@@ -5,6 +5,7 @@ import 'package:dash/utils/garage_model.dart';
 // import 'package:dash/main.dart';
 import 'package:dash/models/car.dart';
 import 'package:dash/screens/screens.dart';
+import 'package:google_fonts/google_fonts.dart';
 
 class CarDetailScreen extends StatefulWidget {
   const CarDetailScreen({super.key, required this.carIndex});
@@ -38,7 +39,7 @@ class _CarDetailScreenState extends State<CarDetailScreen> {
               mainAxisAlignment: MainAxisAlignment.spaceEvenly,
               children: [
                 Center(
-                  // edit car screen
+                  // edit car
                   child: Ink(
                     decoration: const ShapeDecoration(
                         color: Colors.lightBlue, shape: CircleBorder()),
@@ -61,8 +62,19 @@ class _CarDetailScreenState extends State<CarDetailScreen> {
             Consumer<GarageModel>(
               builder: (context, garage, child) => Column(
                 children: [
-                  Text("Nickname: ${garage.cars[widget.carIndex].nickname}"),
-                  Text("VIN: ${garage.cars[widget.carIndex].vin}"),
+                  Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceAround,
+                      children: [
+                        Text("${garage.cars[widget.carIndex].nickname}"),
+                      ]),
+                  Text(
+                    "Nickname: ${garage.cars[widget.carIndex].nickname}",
+                    style: GoogleFonts.crimsonPro(),
+                  ),
+                  Text(
+                    "VIN: ${garage.cars[widget.carIndex].vin}",
+                    style: GoogleFonts.crimsonPro(),
+                  ),
                   Text("License Plate: ${garage.cars[widget.carIndex].plate}"),
                   Text(
                       "Mileage: ${garage.cars[widget.carIndex].mileage.toString()}"),

lib/screens/car_edit.dart

@@ -105,7 +105,10 @@ class _EditCarScreenState extends State<EditCarScreen> {
                   leading: CircleAvatar(
                       backgroundImage: AssetImage(car.icon ?? selectedIcon),
                       backgroundColor: Colors.white),
-                  title: const Text("Change Icon"),
+                  title: Text(
+                    "Change Icon",
+                    style: TextStyle(color: Colors.grey[700], fontSize: 14),
+                  ),
                   onTap: () => showDialog(
                       barrierColor: Colors.black.withOpacity(.5),
                       context: context,
@@ -113,7 +116,6 @@ class _EditCarScreenState extends State<EditCarScreen> {
                         return ip;
                       }).then((value) => setState(
                         () {
-                          // selectedIcon = ip.selectedIcon;
                           selectedIcon = value;
                         },
                       ))),

lib/screens/car_new.dart

@@ -86,7 +86,10 @@ class _NewCarScreenState extends State<NewCarScreen> {
                   leading: CircleAvatar(
                       backgroundImage: AssetImage(selectedIcon),
                       backgroundColor: Colors.white),
-                  title: const Text("Change Icon"),
+                  title: Text(
+                    "Change Icon",
+                    style: TextStyle(color: Colors.grey[700], fontSize: 14),
+                  ),
                   onTap: () => showDialog(
                       barrierColor: Colors.black.withOpacity(.5),
                       context: context,

lib/theme.dart

@@ -0,0 +1,12 @@
+import 'package:flutter/material.dart';
+
+var appTheme = ThemeData(
+  brightness: Brightness.light,
+  // textTheme: const TextTheme(
+  //   bodyText1: TextStyle(fontSize: 18),
+  //   button: TextStyle(
+  //     letterSpacing: 1.5,
+  //     fontWeight: FontWeight.bold,
+  //   ),
+  // ),
+);