diff --git a/dashboard/src2/components/SiteOverview.vue b/dashboard/src2/components/SiteOverview.vue
index ea0b4a2..f2031a8 100644
--- a/dashboard/src2/components/SiteOverview.vue
+++ b/dashboard/src2/components/SiteOverview.vue
@@ -67,7 +67,7 @@
 							<Button 
 								@click="openRenewalDialog" 
 								v-if="$site.pg.site_end_date && !$site.pg.current_plan?.is_trial_plan"
-								class="px-5 !bg-blue-600 !hover:bg-blue-700 !active:bg-blue-800 !text-white"
+								class="px-5 !bg-[#1fc76f] !hover:bg-[#19b862] !active:bg-[#169e54] !text-white"
 							>
 								续费
 							</Button>
diff --git a/dashboard/src2/components/SiteRenewalDialog.vue b/dashboard/src2/components/SiteRenewalDialog.vue
index 3284ae2..e5663f3 100644
--- a/dashboard/src2/components/SiteRenewalDialog.vue
+++ b/dashboard/src2/components/SiteRenewalDialog.vue
@@ -188,7 +188,7 @@
       <div class="w-full">
         <button v-if="!showPaymentProcessing && !paymentSuccess"
           type="button"
-          class="w-full px-4 py-2 bg-blue-600 border border-transparent rounded-md text-sm font-medium text-white hover:bg-blue-700 focus:outline-none"
+          class="w-full px-4 py-2 bg-[#1fc76f] border border-transparent rounded-md text-sm font-medium text-white hover:bg-[#19b862] focus:outline-none"
           @click="createRenewalOrder"
           :disabled="isLoading"
         >
@@ -198,7 +198,7 @@
         <div class="flex justify-between w-full" v-else>          
           <button
             type="button"
-            class="px-4 py-2 bg-blue-600 border border-transparent rounded-md text-sm font-medium text-white hover:bg-blue-700 focus:outline-none ml-auto"
+            class="px-4 py-2 bg-[#1fc76f] border border-transparent rounded-md text-sm font-medium text-white hover:bg-[#19b862] focus:outline-none ml-auto"
             @click="cancel"
             v-if="paymentSuccess"
           >