From c76f378811bc810a2073e6a46eb27d1e3d61441f Mon Sep 17 00:00:00 2001
From: MasterChiefCN <49179444+MasterChiefCN@users.noreply.github.com>
Date: Thu, 27 Aug 2026 17:40:36 +0800
Subject: [PATCH] =?UTF-8?q?fix(create):=20=E5=88=9B=E4=BD=9C=E9=A1=B5=20-?=
 =?UTF-8?q?=20=E7=BB=9F=E4=B8=80=E4=BE=A7=E8=BE=B9=E6=A0=8F=E4=B8=BB?=
 =?UTF-8?q?=E9=A2=98=E9=85=8D=E8=89=B2=20(#331)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/styles/globals.css            |  2 --
 web/test/create-sidebar-theme.test.ts | 13 +++++++++++++
 2 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 web/test/create-sidebar-theme.test.ts

diff --git a/web/src/styles/globals.css b/web/src/styles/globals.css
index 2c86f31eb..4ef9023d5 100644
--- a/web/src/styles/globals.css
+++ b/web/src/styles/globals.css
@@ -10053,13 +10053,11 @@ html:not(.dark) .creation-model-picker-menu .canvas-model-picker-option > span:f
     color: #ffffff;
 }
 .app-workspace-shell.is-creation-workspace,
-.app-workspace-shell.is-creation-workspace .app-workspace-sidebar,
 .app-workspace-shell.is-creation-workspace .app-workspace-stage {
     background: var(--workspace-page) !important;
 }
 
 html:not(.dark) .app-workspace-shell.is-creation-workspace,
-html:not(.dark) .app-workspace-shell.is-creation-workspace .app-workspace-sidebar,
 html:not(.dark) .app-workspace-shell.is-creation-workspace .app-workspace-stage {
     background: var(--workspace-page) !important;
 }
diff --git a/web/test/create-sidebar-theme.test.ts b/web/test/create-sidebar-theme.test.ts
new file mode 100644
index 000000000..27b068d5f
--- /dev/null
+++ b/web/test/create-sidebar-theme.test.ts
@@ -0,0 +1,13 @@
+import { describe, expect, test } from "bun:test";
+import { readFileSync } from "node:fs";
+import { resolve } from "node:path";
+
+describe("create page sidebar theme", () => {
+    test("keeps the shared workspace sidebar surface", () => {
+        const styles = readFileSync(resolve(import.meta.dir, "../src/styles/globals.css"), "utf8");
+
+        expect(styles).not.toContain(".app-workspace-shell.is-creation-workspace .app-workspace-sidebar");
+        expect(styles).toContain(".app-workspace-shell.is-creation-workspace .app-workspace-stage");
+        expect(styles).toContain("background: color-mix(in srgb, var(--workspace-sidebar) 96%, var(--foreground) 4%);");
+    });
+});