fix: DEFECT-1157 修复所有页面存在有不适配黑暗模式的页面

 <template>
 <template>
-  <div style="background-color: #f0f2f5">
+  <div class="bg-neutral-100 dark:text-gray-300 dark:bg-dark-700">
     <BasicTable @register="registerTable">
     <BasicTable @register="registerTable">
       <template #action="{ record }">
       <template #action="{ record }">
         <TableAction
         <TableAction

 <template>
 <template>
-  <div style="background-color: #f0f2f5">
+  <div class="bg-neutral-100 dark:text-gray-300 dark:bg-dark-700">
     <BasicTable @register="registerTable">
     <BasicTable @register="registerTable">
       <template #tbDeviceName="{ record }">
       <template #tbDeviceName="{ record }">
         <div style="color: #619eff" class="cursor-pointer" @click="handleGetTbDeviceId(record)">
         <div style="color: #619eff" class="cursor-pointer" @click="handleGetTbDeviceId(record)">

@@ -53,7 +53,7 @@
 </script>
 </script>
 
 
 <template>
 <template>
-  <BasicTable class="event-manage-table" @register="register">
+  <BasicTable class="bg-neutral-100 dark:text-gray-300 dark:bg-dark-700" @register="register">
     <template #outputParams="{ record }">
     <template #outputParams="{ record }">
       <span class="cursor-pointer text-blue-500" @click="handleViewDetail(record)">
       <span class="cursor-pointer text-blue-500" @click="handleViewDetail(record)">
         <EyeOutlined class="svg:text-blue-500" />
         <EyeOutlined class="svg:text-blue-500" />
@@ -65,9 +65,3 @@
     <Input.TextArea v-model:value="outputData" :autosize="true" />
     <Input.TextArea v-model:value="outputData" :autosize="true" />
   </BasicModal>
   </BasicModal>
 </template>
 </template>
-
-<style lang="less" scoped>
-  .event-manage-table {
-    background-color: #f0f2f5;
-  }
-</style>

@@ -230,15 +230,16 @@
 <template>
 <template>
   <PageWrapper
   <PageWrapper
     dense
     dense
-    content-class="flex flex-col bg-transparent p-4"
-    :content-style="{ backgroundColor: '#F0F2F5' }"
+    content-class="flex flex-col bg-transparent p-4 bg-neutral-100 dark:text-gray-300 dark:bg-dark-700"
   >
   >
-    <section class="flex flex-col justify-between w-full bg-light-50 pt-3 mb-4">
+    <section
+      class="flex flex-col justify-between w-full bg-light-50 pt-3 mb-4 dark:text-gray-300 dark:bg-dark-900"
+    >
       <div class="flex-auto">
       <div class="flex-auto">
         <BasicForm @register="registerForm" />
         <BasicForm @register="registerForm" />
       </div>
       </div>
     </section>
     </section>
-    <section class="bg-light-50">
+    <section class="bg-light-50 !dark:text-gray-300 !dark:bg-dark-900">
       <div
       <div
         v-show="mode === EnumTableCardMode.CARD"
         v-show="mode === EnumTableCardMode.CARD"
         class="flex h-70px items-center justify-end p-2"
         class="flex h-70px items-center justify-end p-2"

@@ -102,7 +102,9 @@
 </script>
 </script>
 
 
 <template>
 <template>
-  <PageWrapper class="bg-gray-100 device-task-list-container">
+  <PageWrapper
+    class="bg-neutral-100 dark:text-gray-300 dark:bg-dark-700 device-task-list-container"
+  >
     <section
     <section
       class="form-container bg-light-50 px-4 pt-4 mt-4 x dark:text-gray-300 dark:bg-dark-900"
       class="form-container bg-light-50 px-4 pt-4 mt-4 x dark:text-gray-300 dark:bg-dark-900"
     >
     >

 <template>
 <template>
-  <BasicTable class="command-record-table" @register="registerTable">
+  <BasicTable
+    class="bg-neutral-100 dark:text-gray-300 dark:bg-dark-700 p-4"
+    @register="registerTable"
+  >
     <template #toolbar>
     <template #toolbar>
       <Space>
       <Space>
         <Button type="primary" @click="openModal(true)">命令下发</Button>
         <Button type="primary" @click="openModal(true)">命令下发</Button>
@@ -91,10 +94,3 @@
     commonModalInfo('响应内容', jsonParams);
     commonModalInfo('响应内容', jsonParams);
   };
   };
 </script>
 </script>
-
-<style lang="less" scoped>
-  .command-record-table {
-    background-color: #f0f2f5;
-    padding: 16px;
-  }
-</style>

@@ -151,7 +151,7 @@
     </Tabs>
     </Tabs>
     <template #footer>
     <template #footer>
       <div
       <div
-        class="absolute right-0 bottom-0 w-full border-t bg-light-50 border-t-gray-100 py-2 px-4 text-right"
+        class="absolute right-0 bottom-0 w-full border-t bg-light-50 dark:text-gray-300 dark:bg-dark-700 dark:border-t-gray-700 border-t-gray-100 py-2 px-4 text-right"
       >
       >
         <Button class="mr-2" @click="closeDrawer">取消</Button>
         <Button class="mr-2" @click="closeDrawer">取消</Button>
         <Authority :value="OtaPermissionKey.UPDATE">
         <Authority :value="OtaPermissionKey.UPDATE">

@@ -118,7 +118,7 @@
 <template>
 <template>
   <PageWrapper class="task-center-container">
   <PageWrapper class="task-center-container">
     <section
     <section
-      class="bg-light-50 flex p-4 justify-between items-center x dark:text-gray-300 dark:bg-dark-900"
+      class="bg-light-50 flex p-4 justify-between items-center dark:text-gray-300 dark:bg-dark-900"
     >
     >
       <div class="text-2xl">任务中心</div>
       <div class="text-2xl">任务中心</div>
       <Authority :value="PermissionEnum.CREATE">
       <Authority :value="PermissionEnum.CREATE">

@@ -333,7 +333,12 @@
     <h3 class="w-24 flex-shrink-0 text-right pr-2 my-4">选择数据源</h3>
     <h3 class="w-24 flex-shrink-0 text-right pr-2 my-4">选择数据源</h3>
 
 
     <section ref="formListEl">
     <section ref="formListEl">
-      <div v-for="item in dataSource" :data-id="item.id" :key="item.id" class="flex bg-light-50">
+      <div
+        v-for="item in dataSource"
+        :data-id="item.id"
+        :key="item.id"
+        class="flex bg-neutral-100 dark:text-gray-300 dark:bg-dark-700"
+      >
         <div class="w-24 text-right flex justify-end" style="flex: 0 0 96px"> 选择设备 </div>
         <div class="w-24 text-right flex justify-end" style="flex: 0 0 96px"> 选择设备 </div>
         <div class="pl-2 flex-auto">
         <div class="pl-2 flex-auto">
           <component
           <component