style:解决不同主题下颜色变化的bug

- AI询问用户组件

src/components/codeHighlight.ts

@@ -34,7 +34,7 @@ export function getCodeHighlightStyles(): string {
       border-radius: 6px;
       padding: 12px;
       overflow-x: auto;
-      margin: 12px 0;
+      margin: 52px 0 12px 0;
       position: relative;
       white-space: pre;
     }

src/views/messageStyles.ts

@@ -553,7 +553,7 @@ export function getMessageAreaStyles(): string {
       }
       .segment-question .question-option {
         padding: 8px 16px;
-        background: #3d3f41;
+        background: var(--vscode-textBlockQuote-background);
         color: var(--vscode-foreground);
         border: 1px solid #474747;
         border-radius: 6px;
@@ -563,13 +563,13 @@ export function getMessageAreaStyles(): string {
         letter-spacing: 0.5px;
       }
       .segment-question .question-option:hover {
-        background: #005a9e;
+        background: var(--vscode-button-hoverBackground);
-        border-color: #005a9e;
+        border-color: var(--vscode-button-hoverBackground);
       }
       .segment-question .question-option.selected {
-        background: #007ACC;
+        background: var(--vscode-button-background);
-        color: #ffffff;
+        color: var(--vscode-button-foreground);
-        border-color: #007ACC;
+        border-color: var(--vscode-button-background);
       }
       .segment-question.answered .question-option:not(.selected) {
         opacity: 0.5;