diff --git a/webui/src/web-components/sketch-tool-card-about-sketch.ts b/webui/src/web-components/sketch-tool-card-about-sketch.ts
index acd9a78..2327caa 100644
--- a/webui/src/web-components/sketch-tool-card-about-sketch.ts
+++ b/webui/src/web-components/sketch-tool-card-about-sketch.ts
@@ -34,11 +34,11 @@
       <span class="mr-1.5">📚</span> About Sketch
     </span>`;
     const inputContent = html`<div>
-      <span class="font-bold text-gray-800"></span>
+      <span class="font-bold text-gray-800 dark:text-gray-200"></span>
     </div>`;
     const resultContent = this.toolCall?.result_message?.tool_result
       ? html`<div
-          class="bg-gray-50 rounded-md p-3 mt-2.5 max-h-[300px] overflow-y-auto border border-gray-200"
+          class="bg-gray-50 dark:bg-gray-700 rounded-md p-3 mt-2.5 max-h-[300px] overflow-y-auto border border-gray-200 dark:border-gray-600 text-gray-900 dark:text-gray-100"
         >
           ${unsafeHTML(renderMarkdown(resultText))}
         </div>`