added dark mode

src/components/BasicInfoModal/index.vue

@@ -29,7 +29,7 @@
     footer
   >
     <div class="overflow-y-auto max-h-[70vh] mt-10">
-      <div :class="[prefixCls]" class="bg-blue-50 rounded flex justify-between p-3">
+      <div :class="[prefixCls]" class="admin-stat-muted rounded flex justify-between p-3">
         <div>
           <div class="font-bold">{{ props.name }}</div>
           <div class="text-primary-type mt-1">{{ props.type }}</div>
@@ -40,15 +40,15 @@
         </div>
       </div>
     </div>
-    <div class="bg-[#CACED8] w-full h-[1px] my-8" />
-    <div class="text-[#949DB0]">{{ props.itemsTitle }}</div>
+    <div class="my-8 h-px w-full bg-[var(--admin-border)]" />
+    <div class="text-[var(--admin-text-secondary)]">{{ props.itemsTitle }}</div>
     <div class="grid md:grid-cols-4 mt-5 gap-5 p-5">
       <div v-for="val in props.items">
-        <div class="text-[#949DB0]">{{ val.key }}</div>
+        <div class="text-[var(--admin-text-secondary)]">{{ val.key }}</div>
         <div class="font-bold">{{ val.value }}</div>
       </div>
       <div class="md:col-span-5" v-if="props.description">
-        <div class="text-[#949DB0]">توضیحات</div>
+        <div class="text-[var(--admin-text-secondary)]">توضیحات</div>
         <div class="font-bold">{{ props.description ?? '-' }}</div>
       </div>
     </div>