From 6a058c29291c6a14bc43880ddb7513302d05d49b Mon Sep 17 00:00:00 2001
From: leefer <leefer@local>
Date: Mon, 3 Aug 2026 22:34:13 +0800
Subject: [PATCH] fix: correct mentor user bubble in dark mode

---
 app/frontend/pages/mentor/foundation.css |  2 +-
 app/tests/e2e/app-shell.spec.js          | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/app/frontend/pages/mentor/foundation.css b/app/frontend/pages/mentor/foundation.css
index 9e09b8b..38c8563 100644
--- a/app/frontend/pages/mentor/foundation.css
+++ b/app/frontend/pages/mentor/foundation.css
@@ -2661,7 +2661,7 @@ body[data-active-view="mentorView"] .overview-strip {
   background: var(--surface-subtle);
 }
 
-:root[data-theme="dark"] :is(.mentor-option, .mentor-message-content, .assistant-message-content) {
+:root[data-theme="dark"] :is(.mentor-option, .assistant-message-content) {
   border-color: var(--border);
 
   background: var(--surface-subtle);
diff --git a/app/tests/e2e/app-shell.spec.js b/app/tests/e2e/app-shell.spec.js
index e71dcd1..d2902c9 100644
--- a/app/tests/e2e/app-shell.spec.js
+++ b/app/tests/e2e/app-shell.spec.js
@@ -2608,6 +2608,17 @@ test("mentor pins, custom order and streamed replies work together", async ({ pa
   await expect(answer.locator("br")).toHaveCount(0);
   await expect(page.locator("#mentorMessages .assistant-stream-caret")).toHaveCount(0);
   await page.locator("#themeToggle").click();
+  const userMessage = page.locator("#mentorMessages .mentor-message.user");
+  const darkUserMessageStyle = await userMessage.evaluate((element) => ({
+    background: getComputedStyle(element).backgroundColor,
+    border: getComputedStyle(element).borderTopColor,
+    contentBackground: getComputedStyle(element.querySelector(".mentor-message-content")).backgroundColor,
+    contentColor: getComputedStyle(element.querySelector(".mentor-message-content")).color,
+  }));
+  expect(darkUserMessageStyle.background).toBe("rgb(35, 54, 74)");
+  expect(darkUserMessageStyle.border).toBe("rgb(66, 105, 142)");
+  expect(darkUserMessageStyle.contentBackground).toBe("rgba(0, 0, 0, 0)");
+  expect(darkUserMessageStyle.contentColor).toBe("rgb(232, 234, 237)");
   const darkMessageStyle = await answer.evaluate((element) => {
     const style = getComputedStyle(element);
     const content = element.querySelector(".mentor-message-content");