refactor: replace theme color utility classes with direct hex values

remove unused theme color background utility classes from background.scss,
swap all instances of bg-theme-color-50 and bg-theme-color-500 with their
corresponding hex values across vue components, and update bg-liner gradient
to use direct hex colors instead of theme variables

src/components/CreateServiceOrder/index.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="create-service-order">
     <view class="w-full bg-white border-box border-ff overflow-hidden rounded-20">
-      <view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-theme-color-50">
+      <view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-[#F0F8F3]">
         <text class="font-size-18 font-500 color-171717 text-left ml-[12px]">
           {{ isCallSuccess ? "服务已创建" : "呼叫服务" }}
         </text>

src/components/Feedback/index.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="create-service-order">
     <view class="w-full bg-white border-box border-ff overflow-hidden rounded-20">
-      <view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-theme-color-50">
+      <view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-[#F0F8F3]">
         <text class="font-size-18 font-500 color-171717 text-left ml-[12px]">
           {{ isCallSuccess ? "反馈已创建" : "反馈意见" }}
         </text>

src/components/SurveyQuestionnaire/index.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="survey-questionnaire w-vw-24">
     <view class="bg-white border-box border-ff overflow-hidden rounded-20">
-      <view class="border-box flex flex-items-center flex-justify-between bg-theme-color-50">
+      <view class="border-box flex flex-items-center flex-justify-between bg-[#F0F8F3]">
         <text class="font-size-18 font-500 color-171717 text-left ml-[12px]">
           调查问卷
         </text>

src/pages-order/order/components/FooterSection/index.vue

@@ -6,7 +6,7 @@
       申请退款
     </button>
     <button :class="[
-      'right border-none rounded-10 flex flex-full flex-items-center flex-justify-center font-size-14 font-500 bg-theme-color-500',
+      'right border-none rounded-10 flex flex-full flex-items-center flex-justify-center font-size-14 font-500 bg-[#0CCD58]',
       {
         'bg-[#ff3d60]': statusCode === '0',
         'color-white': ['1', '2', '3', '4', '5', '6'].includes(statusCode),

src/pages-order/order/components/OrderQrcode/index.vue

@@ -23,7 +23,7 @@
             <view class="bg-[#f5f7fa] text-color-600 font-size-12 p-4 rounded-4 mr-4">总计{{ selectedVoucher.count }}{{
               selectedVoucher.unit }}
             </view>
-            <view class="bg-theme-color-50 theme-color-500 font-size-12 p-4 rounded-4">剩{{ selectedVoucher.count -
+            <view class="bg-[#F0F8F3] theme-color-500 font-size-12 p-4 rounded-4">剩{{ selectedVoucher.count -
               selectedVoucher.writeOffCount }}{{ selectedVoucher.unit }}可用</view>
           </view>
         </view>
@@ -31,7 +31,7 @@
         <view
           class="flex flex-col w-full flex-items-center flex-justify-center border-box rounded-8 border pt-16 pb-32 mt-12">
           <view class="flex flex-row flex-justify-between border-box w-full px-12">
-            <view class="bg-theme-color-50 theme-color-500 font-size-14 px-12 line-height-24 rounded-12">凭证{{
+            <view class="bg-[#F0F8F3] theme-color-500 font-size-14 px-12 line-height-24 rounded-12">凭证{{
               selectedVoucherList.length > 1 ? currentVoucherIndex + 1 : '' }}</view>
             <view class="text-color-500 font-size-14 px-12 line-height-24 rounded-12">此码仅可核销{{ selectedVoucher.count -
               selectedVoucher.writeOffCount }}份</view>
@@ -43,8 +43,7 @@
               :onval="true" />
           </view>
 
-          <view v-if="false"
+          <view v-if="false" class="mt-20 bg-[#F0F8F3] theme-color-500 font-size-14 px-12 line-height-24 rounded-12">
-            class="mt-20 bg-theme-color-50 theme-color-500 font-size-14 px-12 line-height-24 rounded-12">
             {{ selectedVoucher.name }}
           </view>
         </view>

src/pages-order/order/components/VoucherList/index.vue

@@ -12,14 +12,13 @@
         <view class="flex flex-row mt-8">
           <view class="bg-[#f5f7fa] text-color-600 font-size-12 p-4 rounded-4 mr-4">总计{{ item.count }}{{ item.unit }}
           </view>
-          <view class="bg-theme-color-50 theme-color-500 font-size-12 p-4 rounded-4">剩{{ item.count - item.writeOffCount
+          <view class="bg-[#F0F8F3] theme-color-500 font-size-12 p-4 rounded-4">剩{{ item.count - item.writeOffCount
           }}{{ item.unit }}可用</view>
         </view>
       </view>
 
       <view class="flex flex-items-center px-14 py-8 rounded-8"
-        :class="[item.packageStatus === 0 ? 'bg-theme-color-500' : 'bg-[#f5f5f5]']"
+        :class="[item.packageStatus === 0 ? 'bg-[#0CCD58]' : 'bg-[#f5f5f5]']" @click="handleShowQrcode(item, index)">
-        @click="handleShowQrcode(item, index)">
         <text v-if="item.packageStatus === 0" class="font-size-14 color-white">出示凭证</text>
         <text v-else class="font-size-14 text-color-300">已核销</text>
       </view>

src/pages/ChatModule/OpenMapComponent/index.vue

@@ -3,7 +3,7 @@
         <!-- 占位撑开 -->
         <view class="w-vw"></view>
         <view class="flex flex-items-center flex-justify-between p-12 border-box" @click="openMap">
-            <view class="rounded-16 p-16 bg-theme-color-50">
+            <view class="rounded-16 p-16 bg-[#F0F8F3]">
                 <view class="w-32 h-32 rounded-full bg-white flex flex-items-center flex-justify-center">
                     <uni-icons type="location" size="16" color="#171717" />
                 </view>

src/static/scss/background.scss

@@ -1,26 +1,11 @@
-// 背景颜色
-
-.bg-theme-color-500 {
-  background-color: $theme-color-500;
-}
-
-.bg-theme-color-100 {
-  background-color: $theme-color-100;
-}
-
-.bg-theme-color-50 {
-  background-color: $theme-color-50;
-}
-
 .bg-liner {
   background:
-    linear-gradient(205deg, $theme-color-100 0%, rgba(138, 227, 252, 0) 20%),
+    linear-gradient(205deg, #e8fff1 0%, rgba(138, 227, 252, 0) 20%),
     linear-gradient(155deg, #fef7e1 0%, rgba(254, 247, 225, 0) 20%),
     radial-gradient(
       48% 48% at 61% 118%,
       #ffffff 0%,
       rgba(255, 255, 255, 0) 100%
     ),
-    linear-gradient(180deg, rgba(238, 248, 255, 0) 0%, $theme-color-50 50%),
+    linear-gradient(180deg, rgba(238, 248, 255, 0) 0%, #f0f8f3 50%), #f0f8f3;
-    $theme-color-50;
 }