修改白色背景的whiteBg 为backgraoundWhite 的背景颜色。在黑暗模式下的适配，

为backgraoundWhite为页面主图背景，whiteBg是item的布局布局不要设置为页面背景

packages/cpt_community/lib/modules/community/community_page.dart

@@ -93,7 +93,7 @@ class CommunityPage extends HookConsumerWidget {
             appBar: MyAppBar.appBar(
               context,
               "Community",
-              backgroundColor: context.appColors.whiteBG,
+              backgroundColor: context.appColors.backgroundWhite,
             ),
             backgroundColor: context.appColors.backgroundDefault,
             body: NestedScrollView(

packages/cpt_community/lib/modules/community/newsfeed_detail/newsfeed_detail_page.dart

@@ -57,7 +57,7 @@ class NewsfeedDetailPage extends HookConsumerWidget {
       appBar: MyAppBar.appBar(
         context,
         "News Feed Detail",
-        backgroundColor: context.appColors.whiteBG,
+        backgroundColor: context.appColors.backgroundWhite,
       ),
       backgroundColor: ColorUtils.string2Color("#F2F3F6"),
       body: Column(

packages/cpt_community/lib/modules/community/newsfeed_post/newsfeed_post_page.dart

@@ -37,7 +37,7 @@ class NewsfeedPostPage extends HookConsumerWidget {
       appBar: MyAppBar.appBar(
         context,
         "Create Post",
-        backgroundColor: context.appColors.whiteBG,
+        backgroundColor: context.appColors.backgroundWhite,
       ),
       backgroundColor: ColorUtils.string2Color("#F2F3F6"),
       body: Column(

packages/cpt_community/lib/modules/garage/garage_page.dart

@@ -138,7 +138,7 @@ class GaragePage extends HookConsumerWidget {
     return Scaffold(
       appBar: MyAppBar.searchAppBar(
         context,
-        backgroundColor: context.appColors.whiteBG,
+        backgroundColor: context.appColors.backgroundWhite,
         actions: [
           IconButton(
             icon: const Icon(Icons.search),

packages/cpt_community/lib/modules/garage/garagesale_detail/garagesale_detail_page.dart

@@ -47,7 +47,7 @@ class GaragesaleDetailPage extends HookConsumerWidget {
       appBar: MyAppBar.appBar(
         context,
         pageTitle,
-        backgroundColor: context.appColors.whiteBG,
+        backgroundColor: context.appColors.backgroundWhite,
       ),
       backgroundColor: context.appColors.backgroundDefault,
       body: Column(

packages/cpt_community/lib/modules/garage/garagesale_post/garagesale_post_page.dart

@@ -42,7 +42,7 @@ class GaragesalePostPage extends HookConsumerWidget {
       appBar: MyAppBar.appBar(
         context,
         "Post New Item",
-        backgroundColor: context.appColors.whiteBG,
+        backgroundColor: context.appColors.backgroundWhite,
       ),
       backgroundColor: Colors.white,
       body: Column(

packages/cpt_community/lib/modules/my_posts/my_posts_page.dart

@@ -37,7 +37,7 @@ class MyPostsPage extends HookConsumerWidget {
       appBar: MyAppBar.appBar(
         context,
         "My Posts",
-        backgroundColor: context.appColors.whiteBG,
+        backgroundColor: context.appColors.backgroundWhite,
       ),
       backgroundColor: context.appColors.backgroundDefault,
       body: Column(

packages/cpt_facility/lib/modules/book_confirm/book_confirm_page.dart

@@ -36,7 +36,7 @@ class BookConfirmPage extends HookConsumerWidget {
         context,
         "Function Room",
         showBackButton: true,
-        backgroundColor: context.appColors.whiteBG,
+        backgroundColor: context.appColors.backgroundWhite,
       ),
       backgroundColor: context.appColors.backgroundDark,
       body: Column(

packages/cpt_facility/lib/modules/booking/facility_booking_page.dart

@@ -50,7 +50,7 @@ class FacilityBookingPage extends HookConsumerWidget {
     }, []);
 
     return Scaffold(
-      appBar: MyAppBar.appBar(context, "Kids party room", backgroundColor: context.appColors.whiteBG, actions: [
+      appBar: MyAppBar.appBar(context, "Kids party room", backgroundColor: context.appColors.backgroundWhite, actions: [
         //去设施小区的定位图片
         const MyAssetImage(
           Assets.facilityTitleLocationIcon,

packages/cpt_facility/lib/modules/detail/facility_detail_page.dart

@@ -41,7 +41,7 @@ class FacilityDetailPage extends HookConsumerWidget {
     final state = ref.watch(facilityDetailViewModelProvider);
 
     return Scaffold(
-      appBar: MyAppBar.appBar(context, "Kids party room", backgroundColor: context.appColors.whiteBG),
+      appBar: MyAppBar.appBar(context, "Kids party room", backgroundColor: context.appColors.backgroundWhite),
       backgroundColor: context.appColors.backgroundDark,
       body: SingleChildScrollView(
         scrollDirection: Axis.vertical,

packages/cpt_facility/lib/modules/facility/facility_page.dart

@@ -34,7 +34,7 @@ class FacilityPage extends HookConsumerWidget {
       appBar: MyAppBar.appBar(
         context,
         S.current.facility,
-        backgroundColor: context.appColors.whiteBG,
+        backgroundColor: context.appColors.backgroundWhite,
       ),
       backgroundColor: context.appColors.backgroundDark,
       body: AutoTabsRouter.pageView(

packages/cpt_facility/lib/modules/location/facility_location_page.dart

@@ -43,7 +43,7 @@ class FacilityLocationPage extends HookConsumerWidget {
         context,
         "Kids party room",
       ),
-      backgroundColor: context.appColors.whiteBG,
+      backgroundColor: context.appColors.backgroundWhite,
       body: Container(
         width: double.infinity,
         height: double.infinity,

packages/cpt_form/lib/modules/apply/attachment_page.dart

@@ -45,7 +45,7 @@ class AttachmentPage extends HookConsumerWidget {
     return WillPopScope(
         child: Scaffold(
             appBar: MyAppBar.appBar(context, state.applyDetail?['title']),
-            backgroundColor: context.appColors.whiteBG,
+            backgroundColor: context.appColors.backgroundWhite,
             body: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [

packages/cpt_form/lib/modules/apply/form_payment_page.dart

@@ -54,7 +54,7 @@ class FormPaymentPage extends HookConsumerWidget {
     return WillPopScope(
         child: Scaffold(
             appBar: MyAppBar.appBar(context, state.applyDetail?['title']),
-            backgroundColor: context.appColors.whiteBG,
+            backgroundColor: context.appColors.backgroundWhite,
             body: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [

packages/cpt_form/lib/modules/apply/guest_vehicle_page.dart

@@ -65,7 +65,7 @@ class GuestVehiclePage extends HookConsumerWidget {
     return WillPopScope(
         child: Scaffold(
             appBar: MyAppBar.appBar(context, state.applyDetail?['title']),
-            backgroundColor: context.appColors.whiteBG,
+            backgroundColor: context.appColors.backgroundWhite,
             body: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [

packages/cpt_form/lib/modules/apply/large_text_box_page.dart

@@ -50,7 +50,7 @@ class LargeTextBoxPage extends HookConsumerWidget {
     return WillPopScope(
         child: Scaffold(
             appBar: MyAppBar.appBar(context, state.applyDetail?['title']),
-            backgroundColor: context.appColors.whiteBG,
+            backgroundColor: context.appColors.backgroundWhite,
             body: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [

packages/cpt_form/lib/modules/apply/moving_company_page.dart

@@ -65,7 +65,7 @@ class MovingCompanyPage extends HookConsumerWidget {
     return WillPopScope(
         child: Scaffold(
             appBar: MyAppBar.appBar(context, state.applyDetail?['title']),
-            backgroundColor: context.appColors.whiteBG,
+            backgroundColor: context.appColors.backgroundWhite,
             body: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [

packages/cpt_form/lib/modules/apply/moving_date_page.dart

@@ -44,7 +44,7 @@ class MovingDatePage extends HookConsumerWidget {
     return WillPopScope(
         child: Scaffold(
             appBar: MyAppBar.appBar(context, state.applyDetail?['title']),
-            backgroundColor: context.appColors.whiteBG,
+            backgroundColor: context.appColors.backgroundWhite,
             body: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [

packages/cpt_form/lib/modules/apply/note_management_page.dart

@@ -50,7 +50,7 @@ class NoteManagementPage extends HookConsumerWidget {
     return WillPopScope(
         child: Scaffold(
             appBar: MyAppBar.appBar(context, state.applyDetail?['title']),
-            backgroundColor: context.appColors.whiteBG,
+            backgroundColor: context.appColors.backgroundWhite,
             body: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [

packages/cpt_form/lib/modules/apply/renovation_company_page.dart

@@ -64,7 +64,7 @@ class RenovationCompanyPage extends HookConsumerWidget {
     return WillPopScope(
         child: Scaffold(
             appBar: MyAppBar.appBar(context, state.applyDetail?['title']),
-            backgroundColor: context.appColors.whiteBG,
+            backgroundColor: context.appColors.backgroundWhite,
             body: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [

packages/cpt_form/lib/modules/apply/renovation_date_page.dart

@@ -45,7 +45,7 @@ class RenovationDatePage extends HookConsumerWidget {
     return WillPopScope(
         child: Scaffold(
             appBar: MyAppBar.appBar(context, state.applyDetail?['title']),
-            backgroundColor: context.appColors.whiteBG,
+            backgroundColor: context.appColors.backgroundWhite,
             body: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [

packages/cpt_form/lib/modules/apply/signature_page.dart

@@ -52,7 +52,7 @@ class SignaturePage extends HookConsumerWidget {
     return WillPopScope(
         child: Scaffold(
             appBar: MyAppBar.appBar(context, state.applyDetail?['title']),
-            backgroundColor: context.appColors.whiteBG,
+            backgroundColor: context.appColors.backgroundWhite,
             body: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [

packages/cpt_form/lib/modules/apply/type_of_application_page.dart

@@ -34,7 +34,7 @@ class TypeOfApplicationPage extends HookConsumerWidget {
     return WillPopScope(
         child: Scaffold(
             appBar: MyAppBar.appBar(context, state.applyDetail?['title']),
-            backgroundColor: context.appColors.whiteBG,
+            backgroundColor: context.appColors.backgroundWhite,
             body: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [

packages/cpt_form/lib/modules/apply/vehicle_info_page.dart

@@ -64,7 +64,7 @@ class VehicleInfoPage extends HookConsumerWidget {
     return WillPopScope(
         child: Scaffold(
             appBar: MyAppBar.appBar(context, state.applyDetail?['title']),
-            backgroundColor: context.appColors.whiteBG,
+            backgroundColor: context.appColors.backgroundWhite,
             body: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [

packages/cpt_form/lib/modules/detail/form_detail_page.dart

@@ -53,7 +53,7 @@ class FormDetailPage extends HookConsumerWidget {
     }, []);
 
     return Scaffold(
-      appBar: MyAppBar.appBar(context, FormTypes.iconMap[type]?['name'] ?? "", backgroundColor: context.appColors.whiteBG),
+      appBar: MyAppBar.appBar(context, FormTypes.iconMap[type]?['name'] ?? "", backgroundColor: context.appColors.backgroundWhite),
       backgroundColor: context.appColors.backgroundDark,
       body: SizedBox(
         width: double.infinity,

packages/cpt_form/lib/modules/form/form_page.dart

@@ -34,7 +34,7 @@ class FormPage extends HookConsumerWidget {
       appBar: MyAppBar.appBar(
         context,
         S.current.form,
-        backgroundColor: context.appColors.whiteBG,
+        backgroundColor: context.appColors.backgroundWhite,
       ),
       backgroundColor: context.appColors.backgroundDark,
       body: AutoTabsRouter.pageView(

packages/cpt_main/lib/modules/feedback/create/feedback_create_page.dart

@@ -39,7 +39,7 @@ class FeedbackCreatePage extends HookConsumerWidget {
 
     return Scaffold(
       appBar: MyAppBar.appBar(context, S.current.create_new_feedback),
-      backgroundColor: context.appColors.whiteBG,
+      backgroundColor: context.appColors.backgroundWhite,
       body: SingleChildScrollView(
         scrollDirection: Axis.vertical,
         physics: const BouncingScrollPhysics(),

packages/cpt_main/lib/modules/feedback/create_success/feedback_create_success_page.dart

@@ -32,7 +32,7 @@ class FeedbackCreateSuccessPage extends HookConsumerWidget {
   Widget build(BuildContext context, WidgetRef ref) {
     return Scaffold(
       appBar: MyAppBar.appBar(context, S.current.published_successfully),
-      backgroundColor: context.appColors.whiteBG,
+      backgroundColor: context.appColors.backgroundWhite,
       body: Column(
         children: [
           Column(

packages/cpt_main/lib/modules/feedback/feedback_page.dart

@@ -21,7 +21,7 @@ class FeedbackPage extends StatelessWidget {
         context,
         S.current.feedback,
         showBackButton: false,
-        backgroundColor: context.appColors.whiteBG,
+        backgroundColor: context.appColors.backgroundWhite,
       ),
       backgroundColor: context.appColors.backgroundDark,
       body: AutoTabsRouter.pageView(

packages/cpt_main/lib/modules/home/home_page.dart

@@ -36,7 +36,7 @@ class HomePage extends HookConsumerWidget {
           backIconWidth: 18.5,
           backIconHeight: 20,
           showBackButton: true,
-          backgroundColor: context.appColors.whiteBG,
+          backgroundColor: context.appColors.backgroundWhite,
           backCallback: (){
           ToastEngine.show("测试去登录页面");
           ComponentServiceManager().authService.startLoginPage();

packages/cpt_main/lib/modules/home/latest_news/latest_news_page.dart

@@ -29,7 +29,7 @@ class LatestNewsPage extends StatelessWidget {
       appBar: MyAppBar.appBar(
         context,
         S.current.latest_news,
-        backgroundColor: context.appColors.whiteBG,
+        backgroundColor: context.appColors.backgroundWhite,
       ),
       backgroundColor: context.appColors.backgroundDark,
       body: AutoTabsRouter.pageView(

packages/cpt_main/lib/modules/home/management_guides/management_guides_page.dart

@@ -39,7 +39,7 @@ class ManagementGuidesPage extends HookConsumerWidget {
     }, []);
 
     return Scaffold(
-      appBar: MyAppBar.appBar(context, S.current.strata_management_guides, backgroundColor: context.appColors.whiteBG),
+      appBar: MyAppBar.appBar(context, S.current.strata_management_guides, backgroundColor: context.appColors.backgroundWhite),
       backgroundColor: context.appColors.backgroundDefault,
       body: Container(
         width: double.infinity,

packages/cpt_main/lib/modules/home/property_news/home_property_news_page.dart

@@ -40,7 +40,7 @@ class HomePropertyNewsPage extends HookConsumerWidget {
     }, []);
 
     return Scaffold(
-      appBar: MyAppBar.appBar(context, S.current.property_news, backgroundColor: context.appColors.whiteBG),
+      appBar: MyAppBar.appBar(context, S.current.property_news, backgroundColor: context.appColors.backgroundWhite),
       backgroundColor: context.appColors.backgroundDark,
       body: Container(
         width: double.infinity,

packages/cpt_main/lib/modules/main/main_page.dart

@@ -91,7 +91,7 @@ class MainPage extends HookConsumerWidget {
       bottomNavigationBuilder: (context, tabsRouter) {
         return BottomNavigationBar(
           elevation: 10,
-          backgroundColor: context.appColors.whiteBG,
+          backgroundColor: context.appColors.backgroundWhite,
           type: BottomNavigationBarType.fixed,
           currentIndex: tabsRouter.activeIndex,
           onTap: tabsRouter.setActiveIndex,

packages/cpt_main/lib/modules/me/me_page.dart

@@ -28,7 +28,9 @@ class MePage extends HookConsumerWidget {
         "",
         showBackButton: false,
         backgroundColor: context.appColors.btnBgDefault,
-        systemUiOverlayStyle: ThemeConfig.systemUiOverlayStyleLightThemeWhite,
+        systemUiOverlayStyle: MediaQuery.of(context).platformBrightness == Brightness.dark
+            ? ThemeConfig.systemUiOverlayStyleDarkTheme
+            : ThemeConfig.systemUiOverlayStyleLightThemeWhite,
       ),
       backgroundColor: context.appColors.backgroundDark,
       body: SingleChildScrollView(
@@ -91,7 +93,6 @@ class MePage extends HookConsumerWidget {
                 iconPath: Assets.mainMeSettingIcon,
                 isShowMoreIcon: true,
               ).onTap(viewModel.gotoSettingPage),
-
             ],
           ),
         ),

packages/cpt_main/lib/modules/notification/notification_page.dart

@@ -42,7 +42,7 @@ class NotificationPage extends HookConsumerWidget {
 
     return Scaffold(
       appBar: MyAppBar.appBar(context, S.current.notification,
-          backgroundColor: context.appColors.whiteBG,
+          backgroundColor: context.appColors.backgroundWhite,
           actions: [
             Center(
                 child: MyTextView(
@@ -55,7 +55,7 @@ class NotificationPage extends HookConsumerWidget {
             )),
           ],
           showBottomDivider: false),
-      backgroundColor: context.appColors.whiteBG,
+      backgroundColor: context.appColors.backgroundWhite,
       body: SizedBox(
         width: double.infinity,
         height: double.infinity,

packages/cpt_main/lib/modules/visitor/register/visitor_register_page.dart

@@ -43,7 +43,7 @@ class VisitorRegisterPage extends HookConsumerWidget {
 
     return Scaffold(
       appBar: MyAppBar.appBar(context, S.current.visitor_registration),
-      backgroundColor: context.appColors.whiteBG,
+      backgroundColor: context.appColors.backgroundWhite,
       body: SingleChildScrollView(
         scrollDirection: Axis.vertical,
         physics: const BouncingScrollPhysics(),

packages/cpt_main/lib/modules/visitor/visitor_page.dart

@@ -26,7 +26,7 @@ class VisitorPage extends HookConsumerWidget {
         context,
         S.current.visitor,
         showBackButton: false,
-        backgroundColor: context.appColors.whiteBG,
+        backgroundColor: context.appColors.backgroundWhite,
       ),
       backgroundColor: context.appColors.backgroundDark,
       body: AutoTabsRouter.pageView(

packages/cpt_notice_board/lib/modules/announcement_detail/page/announcement_detail_page.dart

@@ -153,7 +153,7 @@ class AnnouncementDetailPage extends HookConsumerWidget {
       appBar: MyAppBar.appBar(
         context,
         "Lift Padding",
-        backgroundColor: context.appColors.whiteBG,
+        backgroundColor: context.appColors.backgroundWhite,
       ),
       body: Container(
           child: EasyRefresh(

packages/cpt_notice_board/lib/modules/documents_list/page/documents_list_page.dart

@@ -130,7 +130,7 @@ class DocumentsListPage extends HookConsumerWidget {
       appBar: MyAppBar.appBar(
         context,
         "Documents",
-        backgroundColor: context.appColors.whiteBG,
+        backgroundColor: context.appColors.backgroundWhite,
       ),
       body: Container(
           child: EasyRefresh(

packages/cpt_notice_board/lib/modules/event_detail/page/event_detail_page.dart

@@ -107,7 +107,7 @@ class EventDetailPage extends HookConsumerWidget {
       appBar: MyAppBar.appBar(
         context,
         "Lift Padding",
-        backgroundColor: context.appColors.whiteBG,
+        backgroundColor: context.appColors.backgroundWhite,
       ),
       body: Container(
           child: EasyRefresh(

packages/cpt_notice_board/lib/modules/notice_board/page/notice_board_page.dart

@@ -107,7 +107,7 @@ class NoticeBoardPage extends HookConsumerWidget {
         appBar: MyAppBar.appBar(
           context,
           "Property",
-          backgroundColor: context.appColors.whiteBG,
+          backgroundColor: context.appColors.backgroundWhite,
         ),
         body: AutoTabsRouter.pageView(
           routes: const [

packages/cpt_payment/lib/modules/add_card/add_card_page.dart

@@ -38,7 +38,7 @@ class AddCardPage extends HookConsumerWidget {
 
     return Scaffold(
       appBar: MyAppBar.appBar(context, S.current.add_new_card),
-      backgroundColor: context.appColors.whiteBG,
+      backgroundColor: context.appColors.backgroundWhite,
       body: SizedBox(
         width: double.infinity,
         child: Column(

packages/cpt_payment/lib/modules/choose_card/choose_card_page.dart

@@ -46,7 +46,7 @@ class ChooseCardPage extends HookConsumerWidget {
       appBar: MyAppBar.appBar(
         context,
         S.current.payment,
-        backgroundColor: context.appColors.whiteBG,
+        backgroundColor: context.appColors.backgroundWhite,
       ),
       backgroundColor: context.appColors.backgroundDark,
       body: SizedBox(

packages/cpt_payment/lib/modules/payment/payment_page.dart

@@ -39,7 +39,7 @@ class PaymentPage extends HookConsumerWidget {
       appBar: MyAppBar.appBar(
         context,
         S.current.payment,
-        backgroundColor: context.appColors.whiteBG,
+        backgroundColor: context.appColors.backgroundWhite,
       ),
       backgroundColor: context.appColors.backgroundDark,
       body: AutoTabsRouter.pageView(

packages/cpt_payment/lib/modules/payment_confirm/payment_confirm_page.dart

@@ -34,7 +34,7 @@ class PaymentConfirmPage extends HookConsumerWidget {
 
     return Scaffold(
       appBar: MyAppBar.appBar(context, "付款的标题"),
-      backgroundColor: context.appColors.whiteBG,
+      backgroundColor: context.appColors.backgroundWhite,
       body: Column(
         mainAxisSize: MainAxisSize.max,
         crossAxisAlignment: CrossAxisAlignment.start,

packages/cpt_payment/lib/modules/payment_info/payment_info_page.dart

@@ -37,7 +37,7 @@ class PaymentInfoPage extends HookConsumerWidget {
 
     return Scaffold(
       appBar: MyAppBar.appBar(context, "付款的标题"),
-      backgroundColor: context.appColors.whiteBG,
+      backgroundColor: context.appColors.backgroundWhite,
       body: Column(
         mainAxisSize: MainAxisSize.max,
         crossAxisAlignment: CrossAxisAlignment.start,

packages/cpt_payment/lib/modules/payment_success/payment_success_page.dart

@@ -34,7 +34,7 @@ class PaymentSuccessPage extends HookConsumerWidget {
 
     return Scaffold(
       appBar: MyAppBar.appBar(context, "付款的标题"),
-      backgroundColor: context.appColors.whiteBG,
+      backgroundColor: context.appColors.backgroundWhite,
       body: SizedBox(
         width: double.infinity,
         child: Column(

packages/cpt_profile/lib/modules/my_estate/my_estate_page.dart

@@ -47,7 +47,7 @@ class MyEstatePage extends HookConsumerWidget {
       appBar: MyAppBar.appBar(
         context,
         S.current.yy_home_accounts,
-        backgroundColor: context.appColors.whiteBG,
+        backgroundColor: context.appColors.backgroundWhite,
       ),
       backgroundColor: context.appColors.backgroundDark,
       body: Column(

packages/cpt_profile/lib/modules/my_household/my_household_page.dart

@@ -44,7 +44,7 @@ class MyHouseholdPage extends HookConsumerWidget {
       appBar: MyAppBar.appBar(
         context,
         S.current.household_members,
-        backgroundColor: context.appColors.whiteBG,
+        backgroundColor: context.appColors.backgroundWhite,
       ),
       backgroundColor: context.appColors.backgroundDark,
       body: SizedBox(

packages/cpt_profile/lib/modules/profile_edit/Profile_edit_page.dart

@@ -35,7 +35,7 @@ class ProfileEditPage extends HookConsumerWidget {
     final state = ref.watch(profileEditViewModelProvider);
 
     return Scaffold(
-      appBar: MyAppBar.appBar(context, S.current.edit_profile,backgroundColor: context.appColors.whiteBG),
+      appBar: MyAppBar.appBar(context, S.current.edit_profile,backgroundColor: context.appColors.backgroundWhite),
       backgroundColor: context.appColors.backgroundDefault,
       body: SingleChildScrollView(
         scrollDirection: Axis.vertical,

packages/cpt_profile/lib/modules/setting/setting_page.dart

@@ -33,7 +33,7 @@ class SettingPage extends HookConsumerWidget {
     final state = ref.watch(settingViewModelProvider);
 
     return Scaffold(
-      appBar: MyAppBar.appBar(context, S.current.settings, backgroundColor: context.appColors.whiteBG),
+      appBar: MyAppBar.appBar(context, S.current.settings, backgroundColor: context.appColors.backgroundWhite),
       backgroundColor: context.appColors.backgroundDark,
       body: SingleChildScrollView(
         scrollDirection: Axis.vertical,

packages/cpt_property/lib/modules/property/page/property_page.dart

@@ -96,7 +96,7 @@ class PropertyPage extends HookConsumerWidget {
         appBar: MyAppBar.appBar(
           context,
           "Property",
-          backgroundColor: context.appColors.whiteBG,
+          backgroundColor: context.appColors.backgroundWhite,
         ),
         body: AutoTabsRouter.pageView(
           routes: const [

packages/cpt_services/lib/modules/services/services_page.dart

@@ -173,7 +173,7 @@ class ServicesPage extends HookConsumerWidget {
       appBar: MyAppBar.appBar(
         context,
         "Service",
-        backgroundColor: context.appColors.whiteBG,
+        backgroundColor: context.appColors.backgroundWhite,
       ),
       body: Container(
         child: Column(

packages/cs_resources/lib/theme/app_colors_theme.dart

@@ -46,6 +46,7 @@ class AppColorsTheme extends ThemeExtension<AppColorsTheme> {
   // 页面中真正使用到的颜色名称
   final Color backgroundDefault; //页面背景颜色（偏白）
   final Color backgroundDark; //页面背景颜色(蓝灰蓝)
+  final Color backgroundWhite; //页面背景颜色(白色)
   final Color btnBgDefault; //按钮背景颜色
   final Color searchFiledBorder; //搜索框的边框颜色
   final Color authFiledHint; //输入框默认的提示文本颜色
@@ -83,6 +84,7 @@ class AppColorsTheme extends ThemeExtension<AppColorsTheme> {
   const AppColorsTheme._internal({
     required this.backgroundDefault,
     required this.backgroundDark,
+    required this.backgroundWhite,
     required this.btnBgDefault,
     required this.searchFiledBorder,
     required this.authFiledHint,
@@ -122,6 +124,7 @@ class AppColorsTheme extends ThemeExtension<AppColorsTheme> {
     return const AppColorsTheme._internal(
       backgroundDefault: _colorFCFCFC,
       backgroundDark: _colorF2F3F6,
+      backgroundWhite: Colors.white,
       btnBgDefault: _colorPrimary,
       searchFiledBorder: _colorD7DBE7,
       authFiledHint: _colorBDBDBD,
@@ -162,6 +165,7 @@ class AppColorsTheme extends ThemeExtension<AppColorsTheme> {
     return const AppColorsTheme._internal(
       backgroundDefault: _darkBlackBg,
       backgroundDark: _darkBlackBg,
+      backgroundWhite: _darkBlackBg,
       btnBgDefault: _darkBlackItem,
       searchFiledBorder: _darkBlackItem,
       authFiledHint: _colorD7DBE7,
@@ -178,7 +182,7 @@ class AppColorsTheme extends ThemeExtension<AppColorsTheme> {
       tabTextUnSelectedPrimary: Colors.white,
       imgGrayBg: _darkBlackItem,
       textDarkGray999: Colors.white,
-      whiteBG: _darkBlackBg,
+      whiteBG: _darkBlackItem,
       whiteSecondBG: _darkBlackItemLight,
       redDefault: _darkBlackItem,
       dividerDefault: _darkBlackItemDivider,
@@ -211,6 +215,7 @@ class AppColorsTheme extends ThemeExtension<AppColorsTheme> {
     return AppColorsTheme._internal(
       backgroundDefault: Color.lerp(backgroundDefault, other.backgroundDefault, t)!,
       backgroundDark: Color.lerp(backgroundDark, other.backgroundDark, t)!,
+      backgroundWhite: Color.lerp(backgroundWhite, other.backgroundWhite, t)!,
       btnBgDefault: Color.lerp(btnBgDefault, other.btnBgDefault, t)!,
       searchFiledBorder: Color.lerp(searchFiledBorder, other.searchFiledBorder, t)!,
       authFiledHint: Color.lerp(authFiledHint, other.authFiledHint, t)!,