暗黑主题适配70%

src/layout/DefaultLayout.tsx

@@ -6,7 +6,7 @@ const DefaultLayout: React.FC<{ children: ReactNode }> = ({ children }) => {
   const [sidebarOpen, setSidebarOpen] = useState(false);
 
   return (
-    <div className="dark:bg-boxdark-2 dark:text-bodydark">
+    <div className="dark:bg-[#1A222C] dark:text-bodydark">
       {/* <!-- ===== Page Wrapper Start ===== --> */}
       <div className="flex h-screen overflow-hidden">
         {/* <!-- ===== Sidebar Start ===== --> */}

src/pages/CreateRecord/index.tsx

@@ -145,7 +145,7 @@ export default () => {
                             placeholder="记录此刻！"
                             value={content}
                             onChange={(e) => setContent(e.target.value)}
-                            className="w-full p-4 border-2 border-[#eee] dark:border-strokedark text-base rounded-md"
+                            className="w-full p-4 border-2 border-[#eee] dark:bg-boxdark-2 dark:border-transparent text-base rounded-md"
                         />
 
                         <div className="absolute bottom-4 left-4 flex items-end space-x-3 max-w-[calc(100%-80px)]">

src/pages/Dashboard/components/Stats/components/VisitorsStatisChat/index.tsx

@@ -332,7 +332,7 @@ export default () => {
                 </div>
 
                 <div className="flex w-full max-w-45 justify-end">
-                    <div className="inline-flex items-center rounded-md bg-whiter p-1.5 dark:bg-meta-4">
+                    <div className="inline-flex items-center rounded-md bg-whiter p-1.5 dark:bg-meta-4 space-x-1">
                         <button className={`rounded py-1 px-3 text-xs font-medium text-black hover:bg-white hover:shadow-card dark:bg-meta-4 dark:text-white dark:hover:bg-boxdark ${scope === "day" ? "bg-white dark:!bg-[#4e5969] shadow-card" : ""}`} onClick={() => handleScopeChange("day")}>
                             天
                         </button>

src/pages/File/index.tsx

@@ -199,22 +199,22 @@ export default () => {
                 <div className='flex flex-col'>
                     <div className='flex'>
                         <span className='min-w-20 font-bold'>文件名称</span>
-                        <span className='text-[#333]'>{file.name}</span>
+                        <span className='text-[#333] dark:text-white'>{file.name}</span>
                     </div>
 
                     <div className='flex'>
                         <span className='min-w-20 font-bold'>文件类型</span>
-                        <span className='text-[#333]'>{file.type}</span>
+                        <span className='text-[#333] dark:text-white'>{file.type}</span>
                     </div>
 
                     <div className='flex'>
                         <span className='min-w-20 font-bold'>文件大小</span>
-                        <span className='text-[#333]'>{(file.size / 1048576).toFixed(2)}MB</span>
+                        <span className='text-[#333] dark:text-white'>{(file.size / 1048576).toFixed(2)}MB</span>
                     </div>
 
                     <div className='flex'>
                         <span className='min-w-20  font-bold'>文件链接</span>
-                        <span className='text-[#333] hover:text-primary cursor-pointer transition' onClick={async () => {
+                        <span className='text-[#333] dark:text-white hover:text-primary cursor-pointer transition' onClick={async () => {
                             await navigator.clipboard.writeText(file.url)
                             message.success("🎉 复制成功")
                         }}>{file.url}</span>

src/styles/customAntd.scss

@@ -9,11 +9,42 @@
     }
 }
 
-// 暗色适配
+// ------------------> Antd组件库暗色适配 开始 <------------------
 .ant-card {
-    @apply overflow-hidden dark:border-strokedark dark:bg-boxdark;
+    @apply overflow-hidden;
+}
 
-    .ant-card-body {
+.ant-card-body,
+.ant-pagination-item,
+.ant-drawer-header,
+.ant-drawer-body,
+.ant-table-cell::before {
     @apply dark:bg-boxdark;
 }
+
+.ant-pagination-item:hover,
+.ant-table-cell,
+.ant-table-row:hover .ant-table-cell,
+.ant-card {
+    @apply dark:!bg-boxdark dark:!border-strokedark;
 }
+
+.ant-input,
+.ant-input-affix-wrapper,
+.ant-picker-outlined,
+.ant-picker-panel-layout,
+.ant-picker-range-arrow::before,
+.ant-select,
+.ant-select-selector,
+.ant-modal-content {
+    @apply dark:!bg-boxdark-2 dark:!border-strokedark;
+}
+
+.ant-modal-header{
+    @apply dark:bg-transparent;
+}
+
+.ant-transfer-list{
+    @apply dark:border-strokedark;
+}
+// ------------------> Antd组件库暗色适配 结束 <------------------

tailwind.config.cjs

@@ -40,7 +40,7 @@ module.exports = {
         whiten: '#F1F5F9',
         whiter: '#F5F7FD',
         boxdark: '#334459',
-        'boxdark-2': '#1A222C',
+        'boxdark-2': '#263444',
         strokedark: '#475f7d',
         'form-strokedark': '#3d4d60',
         'form-input': '#1d2a39',