diff --git a/frontend-web/src/components/workspace/general-qa-sidebar.tsx b/frontend-web/src/components/workspace/general-qa-sidebar.tsx index 87a0d92e..d9062d86 100644 --- a/frontend-web/src/components/workspace/general-qa-sidebar.tsx +++ b/frontend-web/src/components/workspace/general-qa-sidebar.tsx @@ -300,8 +300,10 @@ export function GeneralQaSidebar() { const isStatic = env.NEXT_PUBLIC_STATIC_WEBSITE_ONLY === "true"; return ( - // 背景走 sidebar token(浅主题=白、深蓝主题=深蓝),不要写死 bg-white,否则全量版深蓝主题下侧栏仍是白底。 -
+ // 背景走 sidebar token(浅主题=白、浅蓝主题=浅蓝);深蓝(.dark)主题下由 gq-sidebar + // 改为「深蓝主题底图 + 半透明蓝罩」玻璃面板(见 globals.css),与右侧 workspace-chat-bg + // 主区同底图、略深一档作面板区分,不要写死 bg-white。 +
{/* ── 顶部:新对话胶囊 + 收起按钮 ── */}
{/* 新对话按钮:完全自定义样式(不复用 Button variant)。borderColor / color 走 diff --git a/frontend-web/src/styles/globals.css b/frontend-web/src/styles/globals.css index 853a422b..bec6856c 100644 --- a/frontend-web/src/styles/globals.css +++ b/frontend-web/src/styles/globals.css @@ -609,6 +609,23 @@ color: #faad14 !important; } + /* 全量模式通用问答左栏(GeneralQaSidebar,class=gq-sidebar)的深蓝适配:深蓝(.dark) + * 主题下由扁平 bg-sidebar 改为「深蓝主题底图 + 半透明蓝罩」玻璃面板——与右侧主区 + * workspace-chat-bg 同一张 fixed 底图(视口对齐、左右连续),叠一层蓝罩使其略深、读作 + * 独立面板。内部元素已走语义 token,自适配。浅色 / 浅蓝主题不命中,仍用 sidebar token。 */ + .dark .gq-sidebar { + background-color: transparent !important; + background-image: linear-gradient( + rgba(3, 38, 80, 0.72), + rgba(3, 38, 80, 0.72) + ), + url("../assets/img/layout-bg-theme-dark-blue.svg"); + background-size: cover, cover; + background-position: center top, center top; + background-repeat: no-repeat, no-repeat; + background-attachment: fixed, fixed; + } + .workspace-panel { border: 1px solid #f0d7d0; background: #ffffff;