setting to control modal barrier

app/lib/core/routing/widgets/bottom_sheet_page.dart

@@ -54,6 +54,8 @@ class BottomSheetPage<T> extends Page<T> {
     shape: Theme.of(context).bottomSheetTheme.shape,
     clipBehavior: Clip.antiAlias,
     constraints: Theme.of(context).bottomSheetTheme.constraints,
+    modalBarrierColor:
+        barrierColor ?? Theme.of(context).bottomSheetTheme.modalBarrierColor,
     isScrollControlled: isScrollControlled,
     isDismissible: barrierDismissible,
     useSafeArea: useSafeArea,

app/lib/core/routing/widgets/dialog_page.dart

@@ -33,7 +33,7 @@ class DialogPage<T> extends Page<T> {
   const DialogPage({
     required this.builder,
     this.anchorPoint,
-    this.barrierColor = Colors.black54,
+    this.barrierColor,
     this.barrierDismissible = true,
     this.barrierLabel,
     this.useSafeArea = true,