feat: clear bg-base-content

src/components/ChainSummary.vue

@@ -27,7 +27,7 @@ const addFavor = (e: Event) => {
 <template>
   <RouterLink
     :to="`/${name}`"
-    class="bg-base-100 hover:bg-base-content rounded shadow flex items-center px-3 py-3 cursor-pointer"
+    class="bg-base-100 hover:bg-gray-100 dark:hover:bg-[#373f59] rounded shadow flex items-center px-3 py-3 cursor-pointer"
   >
     <div class="w-8 h-8 rounded-full overflow-hidden">
       <img :src="conf.logo" />

src/modules/[chain]/index.vue

@@ -247,7 +247,7 @@ const color = computed(() => {
       <div
         class="grid grid-cols-1 md:grid-cols-4 auto-cols-auto gap-4 px-4 pb-6"
       >
-        <div class="bg-gray-100 dark:bg-base-content rounded-sm px-4 py-3">
+        <div class="bg-gray-100 dark:bg-[#373f59] rounded-sm px-4 py-3">
           <div class="text-sm mb-1">Balance</div>
           <div class="text-lg font-semibold text-main">
             {{ format.formatToken(walletStore.balanceOfStakingToken) }}
@@ -261,7 +261,7 @@ const color = computed(() => {
             }}</span>
           </div>
         </div>
-        <div class="bg-gray-100 dark:bg-base-content rounded-sm px-4 py-3">
+        <div class="bg-gray-100 dark:bg-[#373f59] rounded-sm px-4 py-3">
           <div class="text-sm mb-1">Staking</div>
           <div class="text-lg font-semibold text-main">
             {{ format.formatToken(walletStore.stakingAmount) }}
@@ -270,7 +270,7 @@ const color = computed(() => {
             {{ format.tokenValue(walletStore.stakingAmount) }}
           </div>
         </div>
-        <div class="bg-gray-100 dark:bg-base-content rounded-sm px-4 py-3">
+        <div class="bg-gray-100 dark:bg-[#373f59] rounded-sm px-4 py-3">
           <div class="text-sm mb-1">Reward</div>
           <div class="text-lg font-semibold text-main">
             {{ format.formatToken(walletStore.rewardAmount) }}
@@ -279,7 +279,7 @@ const color = computed(() => {
             {{ format.tokenValue(walletStore.rewardAmount) }}
           </div>
         </div>
-        <div class="bg-gray-100 dark:bg-base-content rounded-sm px-4 py-3">
+        <div class="bg-gray-100 dark:bg-[#373f59] rounded-sm px-4 py-3">
           <div class="text-sm mb-1">Unbonding</div>
           <div class="text-lg font-semibold text-main">
             {{ format.formatToken(walletStore.unbondingAmount) }}

src/plugins/vuetify/@core/components/I18n.vue

@@ -45,7 +45,7 @@ function changeLang(lang: string){
     >
       <li v-for="lang in props.languages" :key="lang.i18nLang">
         <a
-          class="hover:bg-base-content"
+          class="hover:bg-gray-100 dark:hover:bg-[#373f59]"
           :class="{ 'text-primary': currentLang === lang.i18nLang }"
           @click="changeLang(lang.i18nLang)"
           >{{ lang.label }}</a