1

components/cwg-popup.vue

@@ -193,12 +193,13 @@ defineExpose({
 }
 
 .cwg-dialog {
-    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
+    background-color: rgba(var(--bs-body-bg-rgb), 1) !important;
     border-radius: px2rpx(8);
 
     overflow: hidden;
     width: px2rpx(600);
     max-width: 90vw;
+    color: var(--bs-emphasis-color) !important;
 }
 
 

pages/customer/components/TerminalDialog.vue

@@ -4,7 +4,7 @@
         <view class="card-list">
             <view class="card" @click="handleWebClick">
                 <view class="card-icon">
-                    <cwg-icon name="cwg-mt" :size="48" color="#fff" />
+                    <cwg-icon name="cwg-mt" :size="48" />
                 </view>
                 <view class="card-content">
                     <text class="card-title">{{ webTitle }}</text>
@@ -16,7 +16,7 @@
             </view>
             <view class="card" @click="handleDownloadClick">
                 <view class="card-icon">
-                    <cwg-icon name="cwg-mt" :size="48" color="#fff" />
+                    <cwg-icon name="cwg-mt" :size="48" />
                 </view>
                 <view class="card-content">
                     <text class="card-title">{{ downloadItem.name }}</text>

pages/customer/components/VietnamNoticePopup.vue

@@ -50,6 +50,8 @@ const close = () => { visible.value = false; };
 .popup-content {
     padding: px2rpx(20);
 
+    color: var(--bs-emphasis-color);
+
     .des1 {
         font-size: px2rpx(16);
         line-height: 1.8;

pages/customer/deposit-select.vue

@@ -54,7 +54,7 @@
                         <view class="card-top">
                             <text class="tit"><text class="iconfont icon-caret-right"></text>{{
                                 t('Custom.Deposit.Title1')
-                            }}</text>
+                                }}</text>
                             <cwg-combox :clearable="false" v-model:value="loginValue" :options="loginComboxOptions"
                                 :placeholder="t('placeholder.choose')" />
                         </view>
@@ -66,7 +66,7 @@
                         <view class="card-top">
                             <text class="tit"><text class="iconfont icon-caret-right"></text>{{
                                 t('Custom.Deposit.Title2')
-                            }}</text>
+                                }}</text>
                             <uni-loading v-if="currentTableData.length == 0" />
                             <template v-if="currentTableData.length">
                                 <cwg-asset-tabs v-if="tabsConfig.length > 0" v-model="activeTab" :tabs="tabsConfig" />
@@ -98,7 +98,7 @@
                                 </view>
                                 <view class="btn-bottom">
                                     <text class="btn crm-cursor" @click="isStep3Open()">{{ t('Btn.Confirm')
-                                    }}</text>
+                                        }}</text>
                                 </view>
 
                             </view>
@@ -136,7 +136,7 @@
                                         <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                                             <text class="tit"><text class="iconfont icon-caret-right"></text>{{
                                                 t('news_add_field.Label.Title4')
-                                            }}</text>
+                                                }}</text>
                                         </uni-col>
                                         <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                                             <uni-forms-item>
@@ -170,7 +170,7 @@
                                                             WireTransferAccount.bankUname || '--'
                                                         }}</text></view>
                                                 <view class="row"><text class="label">{{ t('Custom.Deposit.bankName')
-                                                }}</text><text class="content">{{ WireTransferAccount.bankName
+                                                        }}</text><text class="content">{{ WireTransferAccount.bankName
                                                             ||
                                                             '--'
                                                         }}</text></view>
@@ -180,7 +180,7 @@
                                                             WireTransferAccount.bankCardNum || '--'
                                                         }}</text></view>
                                                 <view class="row"><text class="label">{{ t('Custom.Deposit.bankAddr')
-                                                }}</text><text class="content">{{ WireTransferAccount.bankAddr
+                                                        }}</text><text class="content">{{ WireTransferAccount.bankAddr
                                                             ||
                                                             '--'
                                                         }}</text></view>
@@ -190,7 +190,7 @@
                                                             WireTransferAccount.swiftCode || '--'
                                                         }}</text></view>
                                                 <view class="row"><text class="label">{{ t('Custom.Deposit.bankCode')
-                                                }}</text><text class="content">{{ WireTransferAccount.bankCode
+                                                        }}</text><text class="content">{{ WireTransferAccount.bankCode
                                                             ||
                                                             '--'
                                                         }}</text></view>
@@ -218,7 +218,7 @@
                                                             + '-' +
                                                             WireTransferAccount.type }}</text></view>
                                                 <view class="row"><text class="label">{{ t('Custom.Withdraw.Title6')
-                                                }}</text><text class="content">{{ WireTransferAccount.address ||
+                                                        }}</text><text class="content">{{ WireTransferAccount.address ||
                                                             '--'
                                                         }}</text></view>
                                                 <view class="row"><text class="label">QR Code</text>
@@ -316,17 +316,17 @@
                                                         <checkbox :checked="params.agree4"
                                                             @click="params.agree4 = !params.agree4" />
                                                         <text>{{ t('news_add_field1.activitiesNZ.itemDeposit1')
-                                                        }}</text>
+                                                            }}</text>
                                                     </label>
                                                     <view style="line-height: 1.5; font-size: 14px">
                                                         <text>{{ t('news_add_field1.activitiesNZ.itemDeposit2')
-                                                        }}</text>
+                                                            }}</text>
                                                         <text class="clause crm-cursor"
                                                             @click="dialogClauseNZ = true">{{
                                                                 t('news_add_field1.activitiesNZ.itemDeposit3')
                                                             }}</text>
                                                         <text>{{ t('news_add_field1.activitiesNZ.itemDeposit4')
-                                                        }}</text>
+                                                            }}</text>
                                                     </view>
                                                 </uni-forms-item>
 
@@ -340,16 +340,16 @@
                                                         <checkbox :checked="params.agree5"
                                                             @click="params.agree5 = !params.agree5" />
                                                         <text>{{ t('news_add_field1.activitiesNZTwo.itemDeposit1')
-                                                        }}</text>
+                                                            }}</text>
                                                     </label>
                                                     <view style="line-height: 1.5; font-size: 14px">
                                                         <text>{{ t('news_add_field1.activitiesNZTwo.itemDeposit2')
-                                                        }}</text>
+                                                            }}</text>
                                                         <text class="clause crm-cursor"
                                                             @click="dialogClauseNZTwo = true">{{
                                                                 t('news_add_field1.activitiesNZTwo.itemDeposit3') }}</text>
                                                         <text>{{ t('news_add_field1.activitiesNZTwo.itemDeposit4')
-                                                        }}</text>
+                                                            }}</text>
                                                     </view>
                                                 </uni-forms-item>
 
@@ -437,56 +437,55 @@
 
                                 </uni-row>
                                 <button class="s-btn" type="primary" @click="submitConfirm">{{ t('Btn.Submit')
-                                }}</button>
+                                    }}</button>
                             </uni-forms>
                         </view>
                     </view>
                 </view>
-                <!-- 不参加活动弹出框 -->
-                <cwg-dont-active-popup v-model:visible="dialogDontActive" :showFooters="true"
-                    @confirm="tosubmitConfirm" />
-                <!-- 新年24用户提示弹窗 -->
-                <NewYear24Popup v-model:visible="tableDataNewYear24Flag" />
-                <!-- 越南用户提示弹窗 -->
-                <VietnamNoticePopup v-model:visible="dialogVietnamNotice" />
-                <!-- 提交后确认弹窗 -->
-                <cwg-check-confirm-popup v-model:visible="dialogCheckConfirm" :title="t('Home.page_customer.item2')"
-                    :channelData="channelData" :code="code" :selectCodes="selectCodes" :params="params"
-                    :userName="userName" :login="loginValue" :loginDoc="loginValueDoc" @confirm="submit" />
-                <!--提交后的弹出框-->
-                <CheckPopup v-model:visible="dialogCheckSuccess" :goPayLink="goPayLink" @close="closeDia" />
-                <!-- 提交后失败弹窗 -->
-                <cwg-error-popup v-model:visible="dialogCheckError" :responseMessage="RES" />
-                <!-- 最后失败弹窗 -->
-                <cwg-error-popup v-model:visible="dialogError" @confirm="closeDia" :responseMessage="RES" />
-                <!-- 最后成功弹窗 -->
-                <cwg-success-popup v-model:visible="dialogSuccess" @confirm="closeDia" />
-                <!-- 等待弹窗 -->
-                <cwg-wait-popup v-model:visible="dialogCheckWait" :showFooters="false" />
-                <!-- 赠金协议 -->
-                <ClausePopup v-model:visible="dialogClause" country="CN" :isGuoQin="isGuoQin" />
-                <!-- 赠金协议20 -->
-                <Clause20Popup v-model:visible="dialogClause1" />
-                <!--  赠金协议10年中 -->
-                <ClauseNZPopup v-model:visible="dialogClauseNZ" :title="t('news_add_field1.activitiesNZ.item6')"
-                    :startDate="tableData4.applicationStartTime" :endDate="tableData4.applicationEndTime" />
-                <!-- 赠金协议20年中 -->
-                <ClauseNZTwoPopup v-model:visible="dialogClauseNZTwo"
-                    :title="t('news_add_field1.activitiesNZTwo.item6')" :startDate="tableData4Two.applicationStartTime"
-                    :endDate="tableData4Two.applicationEndTime" />
-                <!-- 赠送活动详情-协议 -->
-                <ClauseNewListPopup v-model:visible="dialogClauseNewList" :content="tableDataNewList.content"
-                    :title="tableDataNewList.title" />
-                <!--提交后完成弹出框-->
-                <ChinaUnionPayPopup v-model:visible="dialogChinaUnionPay" />
-                <!-- 重新提交弹窗 -->
-                <DealResultPopup v-model:visible="dialogDealResult" :responseMessage="responseMessage"
-                    :title="dialogDealResultTitle" :initialData="dialogDealResult_form" :type="DealResultType"
-                    @confirm="submitDealResult" />
-                <!-- KYC成功弹窗 -->
-                <cwg-kyc-popup v-model:visible="dialogKyc" :qrText="text1" />
+
             </view>
         </template>
+        <!-- 不参加活动弹出框 -->
+        <cwg-dont-active-popup v-model:visible="dialogDontActive" :showFooters="true" @confirm="tosubmitConfirm" />
+        <!-- 新年24用户提示弹窗 -->
+        <NewYear24Popup v-model:visible="tableDataNewYear24Flag" />
+        <!-- 越南用户提示弹窗 -->
+        <VietnamNoticePopup v-model:visible="dialogVietnamNotice" />
+        <!-- 提交后确认弹窗 -->
+        <cwg-check-confirm-popup v-model:visible="dialogCheckConfirm" :title="t('Home.page_customer.item2')"
+            :channelData="channelData" :code="code" :selectCodes="selectCodes" :params="params" :userName="userName"
+            :login="loginValue" :loginDoc="loginValueDoc" @confirm="submit" />
+        <!--提交后的弹出框-->
+        <CheckPopup v-model:visible="dialogCheckSuccess" :goPayLink="goPayLink" @close="closeDia" />
+        <!-- 提交后失败弹窗 -->
+        <cwg-error-popup v-model:visible="dialogCheckError" :responseMessage="RES" />
+        <!-- 最后失败弹窗 -->
+        <cwg-error-popup v-model:visible="dialogError" @confirm="closeDia" :responseMessage="RES" />
+        <!-- 最后成功弹窗 -->
+        <cwg-success-popup v-model:visible="dialogSuccess" @confirm="closeDia" />
+        <!-- 等待弹窗 -->
+        <cwg-wait-popup v-model:visible="dialogCheckWait" :showFooters="false" />
+        <!-- 赠金协议 -->
+        <ClausePopup v-model:visible="dialogClause" country="CN" :isGuoQin="isGuoQin" />
+        <!-- 赠金协议20 -->
+        <Clause20Popup v-model:visible="dialogClause1" />
+        <!--  赠金协议10年中 -->
+        <ClauseNZPopup v-model:visible="dialogClauseNZ" :title="t('news_add_field1.activitiesNZ.item6')"
+            :startDate="tableData4.applicationStartTime" :endDate="tableData4.applicationEndTime" />
+        <!-- 赠金协议20年中 -->
+        <ClauseNZTwoPopup v-model:visible="dialogClauseNZTwo" :title="t('news_add_field1.activitiesNZTwo.item6')"
+            :startDate="tableData4Two.applicationStartTime" :endDate="tableData4Two.applicationEndTime" />
+        <!-- 赠送活动详情-协议 -->
+        <ClauseNewListPopup v-model:visible="dialogClauseNewList" :content="tableDataNewList.content"
+            :title="tableDataNewList.title" />
+        <!--提交后完成弹出框-->
+        <ChinaUnionPayPopup v-model:visible="dialogChinaUnionPay" />
+        <!-- 重新提交弹窗 -->
+        <DealResultPopup v-model:visible="dialogDealResult" :responseMessage="responseMessage"
+            :title="dialogDealResultTitle" :initialData="dialogDealResult_form" :type="DealResultType"
+            @confirm="submitDealResult" />
+        <!-- KYC成功弹窗 -->
+        <cwg-kyc-popup v-model:visible="dialogKyc" :qrText="text1" />
     </cwg-page-wrapper>
 </template>
 
@@ -667,7 +666,7 @@ watch(
 watch(
     currentTab,
     (newTabs) => {
-        showTable()
+        // showTable()
     },
     { immediate: true }
 )

pages/customer/deposit.vue

@@ -142,7 +142,7 @@
                                         <h5 class="mb-3">
                                             <view class="label-with-icon">
                                                 <text>{{ t('Custom.Deposit.EstimatedAmount') + '(' +
-                                                    channelData.transformCurrency  + ')' }}</text>
+                                                    channelData.transformCurrency + ')' }}</text>
                                                 <uni-tooltip placement="right">
                                                     <view class="help-icon">ⓘ</view>
                                                     <template #content>
@@ -308,15 +308,12 @@
                                         </template>
                                     </view>
 
-                                    <button class="s-btn" type="primary" @click="submitConfirm">{{ t('Btn.Submit')
+                                    <button class="btn btn-dark waves-effect waves-light" @click="submitConfirm">{{
+                                        t('Btn.Submit')
                                         }}</button>
 
                                 </view>
 
-
-                                <button class="s-btn" type="primary" @click="submitConfirm">{{ t('Btn.Submit')
-                                }}</button>
-
                             </uni-forms>
                         </view>
                     </view>
@@ -695,7 +692,8 @@
                                             </view>
                                         </view>
                                     </template>
-                                    <button class="s-btn" type="primary" @click="submitConfirm">{{ t('Btn.Submit')
+                                    <button class="btn btn-dark waves-effect waves-light" @click="submitConfirm">{{
+                                        t('Btn.Submit')
                                         }}</button>
                                 </uni-forms>
                             </view>
@@ -2601,7 +2599,6 @@ watch(() => params.agree6, (newVal) => {
             justify-content: center;
 
             .btn {
-                background: var(--color-error-600, #cf1322);
                 color: var(--bs-emphasis-color);
                 padding: px2rpx(10) px2rpx(48);
                 border-radius: px2rpx(24);
@@ -2877,7 +2874,6 @@ watch(() => params.agree6, (newVal) => {
         font-size: px2rpx(14);
         margin-bottom: px2rpx(12);
         height: px2rpx(35);
-        background-color: #cf1322;
         color: #fff;
         border-radius: px2rpx(4);
         font-weight: 600;

pages/customer/withdrawal-select.vue

@@ -72,7 +72,7 @@
               </view>
               <view v-if="step3" class="reselect-btn">
                 <button class="s-btn reselect" type="primary" @click="showTable">{{ t('Custom.Deposit.Reselect')
-                }}</button>
+                  }}</button>
               </view>
             </view>
           </view>
@@ -194,7 +194,7 @@
                         </text>
                         <text v-if="channelData.type == 'BANK'">{{
                           t('Custom.Withdraw.addBank')
-                        }}</text>
+                          }}</text>
                         <text v-if="channelData.type == 'BANK'" class="add-btn crm-cursor"
                           @click="openAddBankCard('add_bankCard')">
                           {{ t('Custom.Withdraw.addBank1') }}
@@ -319,7 +319,7 @@
                   <uni-col :span="24" v-if="channelData.type != 'BANK_TELEGRAPHIC' && isStep3">
                     <view class="tit">
                       <text>{{ t('Custom.Withdraw.Title3') + '(' + channelData.currency + ')'
-                      }}</text>
+                        }}</text>
                     </view>
                   </uni-col>
                   <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12" v-if="channelData.type !== 'BANK_TELEGRAPHIC'">
@@ -371,30 +371,30 @@
             </view>
           </view>
         </view>
-        <!-- 提示弹窗 -->
-        <cwg-tips-popup v-model:visible="dialogTips" content="Custom.Withdraw.item2" @confirm="closeTipsConfirm" />
-        <!-- 弹窗：确认信息 -->
-        <cwg-check-confirm-popup v-model:visible="dialogCheckConfirm" :title="t('Home.page_customer.item3')"
-          :channelData="channelData" :code="code" :selectCodes="selectCodes" :params="form" :FreeNumber="FreeNumber"
-          :userName="userName" :dialogCheckConfirm_form="dialogCheckConfirm_form" :login="loginValue"
-          :loginDoc="loginValueDoc" @confirm="submit" />
-        <!-- 协议弹窗 -->
-        <cwg-tips-popup v-model:visible="dialogCheckTip"
-          :introduce="isZh ? introduce.introduce : introduce.enIntroduce" />
-        <!-- 等待弹窗 -->
-        <cwg-wait-popup v-model:visible="dialogCheckWait" type="center" :mask-click="false" :showFooters="false" />
-        <!-- 最后失败弹窗 -->
-        <cwg-error-popup v-model:visible="dialogError" @confirm="closeDia" :responseMessage="RES" />
-        <!-- 最后成功弹窗 -->
-        <cwg-success-popup v-model:visible="dialogSuccess" @confirm="closeDia" />
-        <!-- kyc成功弹窗 -->
-        <cwg-kyc-popup v-model:visible="dialogKyc" :qrText="text1" />
-        <!--验证码-->
-        <cwg-email-code-popup v-model:visible="dialogDealResult" @confirm="submitCode" :api="emailCodeApi" />
-        <!-- 新增银行弹窗 -->
-        <add-bank-dialog ref="addBankDialogRef" @success="addSuccess" />
+
       </view>
     </template>
+    <!-- 提示弹窗 -->
+    <cwg-tips-popup v-model:visible="dialogTips" content="Custom.Withdraw.item2" @confirm="closeTipsConfirm" />
+    <!-- 弹窗：确认信息 -->
+    <cwg-check-confirm-popup v-model:visible="dialogCheckConfirm" :title="t('Home.page_customer.item3')"
+      :channelData="channelData" :code="code" :selectCodes="selectCodes" :params="form" :FreeNumber="FreeNumber"
+      :userName="userName" :dialogCheckConfirm_form="dialogCheckConfirm_form" :login="loginValue"
+      :loginDoc="loginValueDoc" @confirm="submit" />
+    <!-- 协议弹窗 -->
+    <cwg-tips-popup v-model:visible="dialogCheckTip" :introduce="isZh ? introduce.introduce : introduce.enIntroduce" />
+    <!-- 等待弹窗 -->
+    <cwg-wait-popup v-model:visible="dialogCheckWait" type="center" :mask-click="false" :showFooters="false" />
+    <!-- 最后失败弹窗 -->
+    <cwg-error-popup v-model:visible="dialogError" @confirm="closeDia" :responseMessage="RES" />
+    <!-- 最后成功弹窗 -->
+    <cwg-success-popup v-model:visible="dialogSuccess" @confirm="closeDia" />
+    <!-- kyc成功弹窗 -->
+    <cwg-kyc-popup v-model:visible="dialogKyc" :qrText="text1" />
+    <!--验证码-->
+    <cwg-email-code-popup v-model:visible="dialogDealResult" @confirm="submitCode" :api="emailCodeApi" />
+    <!-- 新增银行弹窗 -->
+    <add-bank-dialog ref="addBankDialogRef" @success="addSuccess" />
   </cwg-page-wrapper>
 
 </template>

pages/follow/components/applySignalDialog.vue

@@ -630,7 +630,7 @@ watch(() => props.visible, (val) => {
   .delete-tip {
     margin-top: px2rpx(16);
     font-size: px2rpx(14);
-    color: var(--bs-body-color);
+    color: var(--bs-emphasis-color);
     line-height: 1.5;
     padding-top: px2rpx(16);
   }

pages/follow/follow-list.vue

@@ -488,7 +488,7 @@ onMounted(() => {
     .delete-tip {
         margin-top: px2rpx(16);
         font-size: px2rpx(14);
-        color: var(--bs-body-color);
+        color: var(--bs-emphasis-color);
         line-height: 1.5;
         padding-top: px2rpx(16);
     }

pages/follow/subscribe-list.vue

@@ -1081,7 +1081,7 @@ onMounted(() => {
     .delete-tip {
         margin-top: px2rpx(26);
         font-size: px2rpx(14);
-        color: var(--bs-body-color);
+        color: var(--bs-emphasis-color);
         line-height: 1.5;
         padding-top: px2rpx(16);
     }

pages/follow/trading-management.vue

@@ -23,10 +23,8 @@
                                 - {{ item.dealLogin || "--" }}
                             </view>
                             <view class="caozuo">
-                                <cwg-icon class="cwg-cursor" @click="dialogFllowDele(item)" name="crm-trash-can"
-                                    color="#fff" />
-                                <cwg-icon class="cwg-cursor" @click="dialogFllowUpdate(item)" name="cog-outline"
-                                    color="#fff" />
+                                <cwg-icon class="cwg-cursor" @click="dialogFllowDele(item)" name="crm-trash-can" />
+                                <cwg-icon class="cwg-cursor" @click="dialogFllowUpdate(item)" name="cog-outline" />
                             </view>
                         </view>
                         <view class="account-grid">
@@ -1354,7 +1352,7 @@ onMounted(() => {
     .delete-tip {
         margin-top: px2rpx(16);
         font-size: px2rpx(14);
-        color: var(--bs-body-color);
+        color: var(--bs-emphasis-color);
         line-height: 1.5;
         padding-top: px2rpx(16);
     }
@@ -1375,7 +1373,7 @@ onMounted(() => {
 
         .agree-text {
             font-size: px2rpx(14);
-            color: var(--bs-body-color);
+            // color: var(--bs-body-color);
             line-height: 1.5;
             width: 100%;
             white-space: wrap;

static/scss/global/global.scss

@@ -1668,6 +1668,7 @@ uni-content.collapsed {
     // padding: px2rpx(30) px2rpx(20);
     text-align: center;
     min-width: px2rpx(250);
+    color: var(--bs-emphasis-color) !important;
 
     @media screen and (max-width: 991px) {
         // min-width: 80%;
@@ -1701,7 +1702,7 @@ uni-content.collapsed {
         font-weight: 600;
         font-size: px2rpx(16);
         margin: px2rpx(20) 0 px2rpx(15);
-        color: #303133;
+        color: var(--bs-emphasis-color);
         line-height: 1.4;
         padding: 0 px2rpx(10);
     }
@@ -1709,7 +1710,7 @@ uni-content.collapsed {
     .des2 {
         font-size: px2rpx(14);
         margin: px2rpx(15) 0 px2rpx(15);
-        color: #303133;
+        color: var(--bs-emphasis-color);
         line-height: 1.4;
         padding: 0 px2rpx(10);
     }

static/scss/global/vu.css

@@ -3373,8 +3373,8 @@ textarea.form-control-lg {
 }
 
 .btn-outline-dark {
-  --bs-btn-color: #0C243C;
-  --bs-btn-border-color: #0C243C;
+  --bs-btn-color: #ffffff;
+  --bs-btn-bg: #0C243C;
   --bs-btn-hover-color: #ffffff;
   --bs-btn-hover-bg: #0C243C;
   --bs-btn-hover-border-color: #0C243C;

uni_modules/uni-forms/components/uni-forms-item/uni-forms-item.vue

@@ -569,6 +569,7 @@
 				padding: 0 0 8px;
 				line-height: 1.5715;
 				text-align: left;
+				color: var(--bs-emphasis-color);
 				/* #ifndef APP-NVUE */
 				white-space: initial;
 				/* #endif */

uni_modules/uni-tooltip/components/uni-tooltip/uni-tooltip.vue

@@ -91,15 +91,15 @@ export default {
 	z-index: 1;
 	display: none;
 	position: absolute;
-	background-color: var(--bs-heading-color);
+	background-color: rgba(var(--bs-body-bg-rgb), 1) !important;
 	border-radius: 8px;
-	color: #fff;
+	color: var(--bs-emphasis-color);
 	font-size: 12px;
 	text-align: left;
-	line-height: 16px;
+	line-height: 20px;
 	padding: 12px;
 	overflow: auto;
-	width: 200rpx;
+	width: 200px;
 }