fix bug of antTheme

src/App.vue

@@ -9,17 +9,12 @@
         <div></div>
       </div>
     </div>
-    <AConfigProvider
-        v-if=" antTheme"
-        :theme="antTheme"
-        direction="rtl"
-    >
+    <AConfigProvider :theme="antTheme ?? undefined" direction="rtl">
       <transition mode="out-in" name="fade">
 
         <div v-if="!showSplash">
           <router-view v-slot="{ Component, route }">
-            <!-- Use any custom transition and  to `fade` -->
-            <transition :name="route.meta.transition || 'fade'">
+            <transition :name="(route.meta.transition as string | undefined) || 'fade'">
 
               <div>
                 <component :is="Component"/>
@@ -44,9 +39,6 @@
           <div class="self-center splash_appear_fade_in">
             <img :src="config?.config?.avatar" class="h-[20vh]">
 
-            <!--          <img :src="logoFull" class="h-[20vh]">-->
-            <!--          <img :src="logo" alt="" class="z-100 bg-primary rounded-full w-full aspect-square self-center h-40" />-->
-
           </div>
           <div class="fixed w-full bottom-5 home_appear_fade_in_up">
             <div class="text-center text-xs">نسخه: {{ pkg.version }}</div>
@@ -76,13 +68,11 @@
     </van-dialog>
     <a v-if="config.config?.name === 'garoosi'" href="https://ble.ir/garoosi_gallery" target="_blank"
        id="support-button">
-      <!--      <img class="p-2" src="/src/assets/img/support-icon.png" alt="" />-->
       <div class="bg-green-100 text-green-800  flex gap-2 p-2 rounded-lg mr-2">
         <span>پشتیبانی</span>
         <div  class="w-5">
           <img src="/src/assets/img/support.png" alt=""/>
         </div>
-        <!--        <BasicIcon icon="vuesax-linear:headphone"></BasicIcon>-->
       </div>
     </a>
   </div>
@@ -109,7 +99,6 @@
 import pkg from '../package.json'
 import {useRegisterSW} from 'virtual:pwa-register/vue'
 import {computed, h, onMounted, ref} from 'vue'
-import {update} from 'lodash'
 import img_topGradiant from '@/views/login/assets/img/gr_top_white.svg'
 import img_pattern from '@/views/login/assets/img/pattern.svg'
 import {LoadingOutlined} from '@ant-design/icons-vue'
@@ -129,6 +118,7 @@ const indicator = h(LoadingOutlined, {
   spin: true
 })
 const showSplash = ref(true)
+const popVisible = ref(false)
 
 const antTheme = computed(() => {
   if (!config.config?.color) return null
@@ -142,6 +132,7 @@ const antTheme = computed(() => {
     },
   }
 })
+
 onMounted(async () => {
   await config.getConfigData()
   console.log(config?.config?.color)

src/views/base/index.vue

@@ -97,7 +97,10 @@
           <div class="text-xs mt-1 font-bold">گزارش</div>
         </div>
         <div class="main_in" @click="setRoute('buyProduct')">
-          <div class="text-white circle_in">
+          <div
+            class="circle_in"
+            :class="getConfigApp('name') === 'goldenramin' ? 'is-goldenramin-nav-logo' : 'text-white'"
+          >
             <div class="circle_into" @click="popVisible = !popVisible">
               <div v-if="getConfigApp('name')=='garoosi'"
                    class="p-2 text-tertiary flex flex-col justify-center items-center"
@@ -261,6 +264,14 @@ function setRoute(val: string) {
 
       }
     }
+
+    /* فقط goldenramin: فقط دایرهٔ داخلی سفید؛ حلقهٔ بیرونی همان primary می‌ماند */
+    .circle_in.is-goldenramin-nav-logo {
+      .circle_into {
+        background: #fff !important;
+        border-color: rgba(0, 0, 0, 0.08);
+      }
+    }
   }
 
   .main {