diff --git a/src/components/ChatInput.vue b/src/components/ChatInput.vue
index 0339304..1e57320 100644
--- a/src/components/ChatInput.vue
+++ b/src/components/ChatInput.vue
@@ -30,6 +30,10 @@ const props = defineProps({
     type: String,
     default: '',
   },
+  historySync: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 // emits
@@ -551,6 +555,7 @@ defineExpose({reGenerate, promptForm});
               @click="showHistory"
               class="chat-input-left-button"
               id="history-message-button"
+              :style="{backgroundColor: historySync ? 'rgb(var(--green-3))' : '', color: historySync ? 'white': ''}"
             >
               <icon-history />
             </a-button>
diff --git a/src/views/Chat.vue b/src/views/Chat.vue
index 518926f..65988ef 100644
--- a/src/views/Chat.vue
+++ b/src/views/Chat.vue
@@ -317,6 +317,7 @@ const setPromptForm = (data) => promptForm.value = data;
         :local-messages="localMessages"
         :chat-loading="chatLoading"
         :system-define="systemDefine"
+        :history-sync="historySync"
         @add-message="addMessage"
         @set-chat-loading="setChatLoading"
         @save-message="saveMessage"
@@ -355,7 +356,7 @@ const setPromptForm = (data) => promptForm.value = data;
             {{ $t('StartNewChat') }}
           </a-button>
           <a-button
-            :style="{backgroundColor: historySync ? 'rgb(var(--green-3))' : '', color: 'white'}"
+            :style="{backgroundColor: historySync ? 'rgb(var(--green-3))' : '', color: historySync ? 'white': ''}"
             @click="showHistorySyncConfig"
           >
             <template #icon>