chore: mobile grid dark mode improvements (#4821)

* chore: field type grid

* chore: don't allow hiding primary field

* chore: bottom sheets

* chore: checklist bottom sheet

frontend/appflowy_flutter/lib/plugins/database/widgets/cell/mobile_grid/mobile_grid_checklist_cell.dart

@@ -39,7 +39,6 @@ class MobileGridChecklistCellSkin extends IEditableChecklistCellSkin {
       ),
       onTap: () => showMobileBottomSheet(
         context,
-        backgroundColor: Theme.of(context).colorScheme.background,
         builder: (context) {
           return BlocProvider.value(
             value: bloc,

frontend/appflowy_flutter/lib/plugins/database/widgets/cell/mobile_grid/mobile_grid_date_cell.dart

@@ -44,7 +44,6 @@ class MobileGridDateCellSkin extends IEditableDateCellSkin {
       onTap: () {
         showMobileBottomSheet(
           context,
-          backgroundColor: Theme.of(context).colorScheme.secondaryContainer,
           builder: (context) {
             return MobileDateCellEditScreen(
               controller: bloc.cellController,

frontend/appflowy_flutter/lib/plugins/database/widgets/cell_editor/mobile_checklist_cell_editor.dart

@@ -230,7 +230,7 @@ class _ChecklistItemState extends State<_ChecklistItem> {
   void _showDeleteTaskBottomSheet() {
     showMobileBottomSheet(
       context,
-      padding: const EdgeInsets.only(top: 8, bottom: 32),
+      showDragHandle: true,
       builder: (_) => Column(
         mainAxisSize: MainAxisSize.min,
         children: [

frontend/appflowy_flutter/lib/plugins/database/widgets/cell_editor/mobile_select_option_editor.dart

@@ -421,7 +421,6 @@ class _MoreOptionsState extends State<_MoreOptions> {
 
   @override
   Widget build(BuildContext context) {
-    final color = Theme.of(context).colorScheme.secondaryContainer;
     return SingleChildScrollView(
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
@@ -432,22 +431,18 @@ class _MoreOptionsState extends State<_MoreOptions> {
           const VSpace(16.0),
           Padding(
             padding: const EdgeInsets.only(left: 12.0),
-            child: ColoredBox(
-              color: color,
-              child: FlowyText(
-                LocaleKeys.grid_selectOption_colorPanelTitle.tr().toUpperCase(),
-                color: Theme.of(context).hintColor,
-                fontSize: 13,
-              ),
+            child: FlowyText(
+              LocaleKeys.grid_selectOption_colorPanelTitle.tr().toUpperCase(),
+              color: Theme.of(context).hintColor,
+              fontSize: 13,
             ),
           ),
           const VSpace(4.0),
           FlowyOptionDecorateBox(
             child: Padding(
-              padding: const EdgeInsets.only(
-                top: 12.0,
-                left: 6.0,
-                right: 6.0,
+              padding: const EdgeInsets.symmetric(
+                vertical: 12.0,
+                horizontal: 6.0,
               ),
               child: OptionColorList(
                 selectedColor: option.color,

frontend/appflowy_flutter/lib/plugins/database/widgets/setting/mobile_database_controls.dart

@@ -147,7 +147,6 @@ void _showEditSortPanelFromToolbar(
 ) {
   showMobileBottomSheet(
     context,
-    backgroundColor: Theme.of(context).colorScheme.surface,
     showDragHandle: true,
     showDivider: false,
     useSafeArea: false,