fix: fix scaffold & dialog background color

Material 3 migration

Author: ikhsan3adi

lib/features/achieved/view/achieved_page.dart

@@ -6,6 +6,10 @@ class AchievedPage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return const AchievedScreen();
+    ThemeData theme = Theme.of(context);
+    return Scaffold(
+      backgroundColor: theme.colorScheme.surface,
+      body: const AchievedScreen(),
+    );
   }
 }

lib/features/achieved_detail/view/achieved_detail_screen.dart

@@ -9,6 +9,7 @@ class AchievedDetailScreen extends StatelessWidget {
   Widget build(BuildContext context) {
     ThemeData theme = Theme.of(context);
     return Scaffold(
+      backgroundColor: theme.colorScheme.surface,
       appBar: AppBar(
         title: BlocBuilder<AchievedDetailCubit, AchievedDetailState>(
           builder: (context, state) {
@@ -62,8 +63,10 @@ class AchievedDetailScreen extends StatelessWidget {
   }
 
   Widget _showDeleteWishDialog(BuildContext context) {
+    ThemeData theme = Theme.of(context);
     return AlertDialog(
       shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
+      backgroundColor: theme.colorScheme.surface,
       title: const Text('Hapus tabungan?', style: TextStyle(fontSize: 24, fontWeight: FontWeight.normal)),
       actions: [
         TextButton(

lib/features/add_wish/view/add_wish_page.dart

@@ -44,6 +44,7 @@ class _AddWishView extends StatelessWidget {
     GlobalKey<FormState> formKey = GlobalKey<FormState>();
 
     return Scaffold(
+      backgroundColor: theme.colorScheme.surface,
       appBar: AppBar(
         elevation: 0,
         backgroundColor: Colors.transparent,

lib/features/home/view/home_screen.dart

@@ -87,8 +87,10 @@ class _HomeScreenState extends State<HomeScreen> with SingleTickerProviderStateM
   }
 
   Widget _showChangeThemeDialog() {
+    ThemeData theme = Theme.of(context);
     return Dialog(
       shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15)),
+      backgroundColor: theme.colorScheme.surface,
       child: Padding(
         padding: const EdgeInsets.symmetric(vertical: 16),
         child: Column(

lib/features/on_going/view/on_going_page.dart

@@ -33,6 +33,7 @@ class _FloatingActionButton extends StatelessWidget {
         foregroundColor: theme.colorScheme.onPrimary,
         shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15)),
         padding: const EdgeInsets.all(16),
+      backgroundColor: theme.colorScheme.surface,
       ),
       icon: const Icon(Icons.add),
       label: const Text("Tambah Celengan", style: TextStyle(fontWeight: FontWeight.bold)),

lib/features/wish_detail/view/wish_detail_screen.dart

@@ -10,6 +10,7 @@ class WishDetailScreen extends StatelessWidget {
   Widget build(BuildContext context) {
     ThemeData theme = Theme.of(context);
     return Scaffold(
+      backgroundColor: theme.colorScheme.surface,
       appBar: AppBar(
         title: BlocBuilder<WishBloc, WishState>(
           builder: (context, state) {

lib/features/wish_detail/widget/my_expandable_fab.dart

@@ -103,7 +103,9 @@ class MyExpandableFab extends StatelessWidget {
   }
 
   Widget _showDeleteWishDialog(BuildContext context) {
+    ThemeData theme = Theme.of(context);
     return AlertDialog(
+      backgroundColor: theme.colorScheme.surface,
       shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
       title: const Text('Hapus tabungan?', style: TextStyle(fontSize: 24, fontWeight: FontWeight.normal)),
       actions: [

lib/features/wish_detail/widget/saving_form_dialog.dart

@@ -20,11 +20,14 @@ class SavingFormDialog extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    ThemeData theme = Theme.of(context);
+
     context.read<WishBloc>().add(SavingNominalChanged(value: '0'));
     context.read<WishBloc>().add(const SavingMessageChanged(message: ''));
     context.read<WishBloc>().add(const SavingNominalValidation(isSavingNominalValid: true));
 
     return AlertDialog(
+      backgroundColor: theme.colorScheme.surface,
       contentPadding: const EdgeInsets.only(top: 20, left: 24, right: 24, bottom: 0),
       shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
       title: Text(title, style: const TextStyle(fontSize: 24, fontWeight: FontWeight.normal)),