fix: DEFECT-801 enabled dark mode，some page not switch dark mode

@@ -185,7 +185,7 @@
     <PageWrapper dense contentFullHeight contentClass="flex">
     <PageWrapper dense contentFullHeight contentClass="flex">
       <OrganizationIdTree @select="handleSelect" ref="organizationIdTreeRef" />
       <OrganizationIdTree @select="handleSelect" ref="organizationIdTreeRef" />
       <section class="p-4 pl-9 split-screen-mode flex flex-col flex-auto w-3/4 xl:w-4/5">
       <section class="p-4 pl-9 split-screen-mode flex flex-col flex-auto w-3/4 xl:w-4/5">
-        <div class="p-3 bg-light-50 flex justify-between mb-4">
+        <div class="p-3 bg-light-50 flex justify-between mb-4 dark:bg-dark-900">
           <div class="flex gap-4 cursor-pointer items-center">
           <div class="flex gap-4 cursor-pointer items-center">
             <div
             <div
               class="w-8 h-8 flex justify-center items-center"
               class="w-8 h-8 flex justify-center items-center"
@@ -232,7 +232,7 @@
             </Tabs>
             </Tabs>
           </div>
           </div>
         </div>
         </div>
-        <section ref="videoContainer" class="bg-light-50 flex-auto">
+        <section ref="videoContainer" class="bg-light-50 flex-auto dark:bg-dark-900">
           <Spin :spinning="loading" class="h-full">
           <Spin :spinning="loading" class="h-full">
             <Empty
             <Empty
               class="h-full flex flex-col justify-center items-center"
               class="h-full flex flex-col justify-center items-center"

 <template>
 <template>
-  <div style="background-color: #f0f2f5">
-    <BasicTable @register="registerTable">
+  <div style="background-color: #f0f2f5" class="dark:bg-dark-900">
+    <BasicTable @register="registerTable" class="dark:bg-dark-900">
       <template #toolbar>
       <template #toolbar>
         <Authority value="api:yt:smsLog:export">
         <Authority value="api:yt:smsLog:export">
           <a-button type="primary" @click="handleCreate"> 导出 </a-button>
           <a-button type="primary" @click="handleCreate"> 导出 </a-button>

 <template>
 <template>
-  <div style="background-color: #f0f2f5">
-    <BasicTable @register="registerTable">
+  <div style="background-color: #f0f2f5" class="dark:bg-dark-900">
+    <BasicTable @register="registerTable" class="dark:bg-dark-900">
       <template #toolbar>
       <template #toolbar>
         <Authority value="api:yt:smsLog:export">
         <Authority value="api:yt:smsLog:export">
           <a-button type="primary" @click="handleExport"> 导出 </a-button>
           <a-button type="primary" @click="handleExport"> 导出 </a-button>

@@ -15,7 +15,7 @@
 </script>
 </script>
 
 
 <template>
 <template>
-  <section class="widget">
+  <section class="widget !dark:bg-dark-900">
     <slot name="header"></slot>
     <slot name="header"></slot>
 
 
     <div class="widget-content">
     <div class="widget-content">

@@ -45,7 +45,14 @@
 
 
   .widget-select:deep(.ant-card-body) {
   .widget-select:deep(.ant-card-body) {
     /* height: 240px; */
     /* height: 240px; */
-    width: 240px;
+
+    /* width: 236px;
+    height: 196px; */
+
+    /* width: 100%;
+    height: 100%; */
+    width: 236px;
+    height: 236px;
     padding: 0;
     padding: 0;
     box-sizing: border-box;
     box-sizing: border-box;
     display: flex;
     display: flex;
@@ -64,10 +71,18 @@
   }
   }
 
 
   .widget-select .widget-container {
   .widget-select .widget-container {
-    width: 240px;
-    height: 200px;
+    width: 236px;
+    height: 196px;
     display: flex;
     display: flex;
     justify-content: center;
     justify-content: center;
     align-items: center;
     align-items: center;
   }
   }
+
+  [data-theme='dark'] .widget-select:deep(.ant-card-body) {
+    @apply bg-dark-900;
+  }
+
+  [data-theme='dark'] .widget-select:deep(.ant-card) {
+    @apply border-dark-300;
+  }
 </style>
 </style>

@@ -565,6 +565,10 @@
     background-color: #fff;
     background-color: #fff;
   }
   }
 
 
+  [data-theme='dark'] .board-detail:deep(.ant-page-header-heading) {
+    @apply bg-dark-900;
+  }
+
   .board-detail:deep(.ant-page-header-heading-extra) {
   .board-detail:deep(.ant-page-header-heading-extra) {
     margin: 0;
     margin: 0;
     line-height: 78px;
     line-height: 78px;

@@ -189,13 +189,13 @@
 
 
 <template>
 <template>
   <PageWrapper>
   <PageWrapper>
-    <div class="flex items-center mb-3 bg-light-100 h-78px">
+    <div class="flex items-center mb-3 bg-light-100 h-78px dark:text-gray-300 dark:bg-dark-900">
       <div class="text-lg ml-30px mr-9px font-bold">自定义看板</div>
       <div class="text-lg ml-30px mr-9px font-bold">自定义看板</div>
       <Authority value="api:yt:data_board:add:post">
       <Authority value="api:yt:data_board:add:post">
         <Button type="primary" @click="handleOpenDetailModal">创建看板</Button>
         <Button type="primary" @click="handleOpenDetailModal">创建看板</Button>
       </Authority>
       </Authority>
     </div>
     </div>
-    <div class="bg-light-100 mb-6 w-full p-3 search-form">
+    <div class="bg-light-100 mb-6 w-full p-3 search-form dark:text-gray-300 dark:bg-dark-900">
       <BasicForm class="flex-auto w-full" @register="searchFormRegister" />
       <BasicForm class="flex-auto w-full" @register="searchFormRegister" />
     </div>
     </div>
     <Spin :spinning="loading">
     <Spin :spinning="loading">
@@ -309,4 +309,9 @@
     padding: 10px;
     padding: 10px;
     background-color: #fff;
     background-color: #fff;
   }
   }
+
+  [data-theme='dark'] .data-board-list:deep(.ant-list-pagination) {
+    padding: 10px;
+    background-color: #000;
+  }
 </style>
 </style>