added dark mode

src/pages/menuPages/customers/base/components/table.vue

@@ -2,17 +2,21 @@
   <div class="h-full min-h-0 min-w-0 max-w-full overflow-hidden">
     <BasicShowContext title="لیست مشتریان">
       <template #extra>
-        <BaseButton type="primary" size="small" class="flex shrink-0 md:hidden" @click="emits('add')">
-          <div>افزودن</div>
-          <BaseIcon icon="vuesax-linear:user-add" Size="16px" />
+        <BaseButton
+          v-if="isMobile"
+          type="primary"
+          size="small"
+          icon="vuesax-linear:user-add"
+          @click="emits('add')"
+        >
+          افزودن
         </BaseButton>
       </template>
       <div class="flex h-full min-h-0 flex-col">
         <BaseTable v-if="!isMobile" class="h-full min-h-0 min-w-0" v-bind="tblProps" @register="submit" ref="tbl">
         <template #extraHeader>
-          <BaseButton type="primary" size="small" class="flex" @click="emits('add')">
-            <div>افزودن مشتری</div>
-            <BaseIcon icon="vuesax-linear:user-add" Size="16px" />
+          <BaseButton type="primary" size="small" icon="vuesax-linear:user-add" @click="emits('add')">
+            افزودن مشتری
           </BaseButton>
         </template>
         <template #action="{ record }">

src/pages/menuPages/customers/base/index.vue

@@ -104,7 +104,7 @@
       <a-tabs v-if="userInfo" v-model:activeKey="activeKey">
         <a-tab-pane key="اطلاعات جامع" tab="اطلاعات جامع">
           <div class="space-y-2">
-            <div class="rounded-lg bg-gray-100 w-full flex flex-col gap-3 p-3 md:flex-row md:justify-between">
+            <div class="admin-stat-muted rounded-lg w-full flex flex-col gap-3 p-3 md:flex-row md:justify-between">
               <div>
                 <div class="font-bold">{{ userInfo.name }}</div>
                 <div class="mt-1">{{ userInfo?.mobile }}</div>
@@ -187,7 +187,7 @@
               <div
                 v-for="(item, index) in userInfo.wallet"
                 :key="index"
-                class="grid grid-cols-2 bg-orange-50 gap-2 rounded-lg p-2"
+                class="grid grid-cols-2 bg-orange-100 dark:bg-orange-500/15 gap-2 rounded-lg p-2"
               >
                 <BasicInfoItem
                   title="نام قلک"