diff --git a/src/assets/styles/theme.scss b/src/assets/styles/theme.scss
index 7a4a6dc17388f4effaed9a9ae6baad78cd16ae38..f153c2470d2cf0678f1e9b3700a422d717837378 100644
--- a/src/assets/styles/theme.scss
+++ b/src/assets/styles/theme.scss
@@ -12,6 +12,9 @@ body[theme='dark'] {
   --o-bash-bg: #2a2f37;
   --o-flow-code-bg: rgb(42,47,55);
   --o-flow-code-border: rgb(62,69,81);
+  --o-think-border:#8d98aa;
+  --o-think-header-bg:#2a2f37;
+  --o-think-header-text:#e4e8ee;
 }
 
 body[theme='light'] {
@@ -28,4 +31,7 @@ body[theme='light'] {
   --o-bash-bg: #f4f6fa;
   --o-flow-code-bg: rgb(244,256,258);
   --o-flow-code-border: rgb(223,229,239);
+  --o-think-border:#ccc;
+  --o-think-header-bg:#f8f8f8;
+  --o-think-header-text:#8d98aa;
 }
diff --git a/src/components/dialoguePanel/DialoguePanel.vue b/src/components/dialoguePanel/DialoguePanel.vue
index 9678d156405d4c06de4fb3f5b65c843028cc71bb..fed7ec3358936593c471a4fac6d84f46941a4be8 100644
--- a/src/components/dialoguePanel/DialoguePanel.vue
+++ b/src/components/dialoguePanel/DialoguePanel.vue
@@ -308,7 +308,6 @@ const handleIsLike = () => {
 };
 
 onMounted(() => {
-  thoughtContent.value = "";
   isLike.value = props.isLikeList;
   setTimeout(() => {
     handleIsLike();
diff --git a/src/components/dialoguePanel/DialogueThought.vue b/src/components/dialoguePanel/DialogueThought.vue
index 17ebdd08dbdaeb1c6f533329735fd8e74b1f79d3..9c2b174fb46c6c8c2378fafd9da6d6d73ed4dcd6 100644
--- a/src/components/dialoguePanel/DialogueThought.vue
+++ b/src/components/dialoguePanel/DialogueThought.vue
@@ -42,9 +42,10 @@ const contentAfterMark = computed(() => {
 
 <style lang="scss" scoped>
 .dialogue-thought {
+  background-color: var(--o-bg-color-base);
   position: relative;
   margin: 1rem 0;
-  border: 2px dashed #ccc;
+  border: 2px dashed var(--o-think-border);
   border-radius: 8px;
 
   .thought-header {
@@ -53,18 +54,14 @@ const contentAfterMark = computed(() => {
     align-items: center;
     padding: 0.5rem 1rem;
     cursor: pointer;
-    background-color: #f8f8f8;
-
+    background-color: var(--o-think-header-bg);
     .think-label {
       font-weight: bold;
-      color: #666;
       position: absolute;
       top: -0.7rem;
       left: 1rem;
       padding: 0 0.5rem;
-      // background-color: white;
     }
-
     .collapse-control {
       display: flex;
       align-items: center;
@@ -80,14 +77,14 @@ const contentAfterMark = computed(() => {
         }
       }
       .collapse-text {
-        color: #666;
+        color: var(--o-think-header-text);
       }
     }
   }
 
   .thought-content {
     padding: 1rem;
-    background-color: #fff;
+    // background-color: #fff;
     border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px;
   }