Skip to content

feat(desktop): Mica 开启时主内容区半透明底色#101

Merged
N123999 merged 6 commits into
mainfrom
feat/desktop-mica-tinted-surfaces
Jun 10, 2026
Merged

feat(desktop): Mica 开启时主内容区半透明底色#101
N123999 merged 6 commits into
mainfrom
feat/desktop-mica-tinted-surfaces

Conversation

@N123999

@N123999 N123999 commented Jun 10, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • 开启原生模糊(windowsMica / macOS Vibrancy)时,会话、设置/扩展、市场、自动化与工作区面板改用 bg-background 半透明 tint(不叠加 CSS backdrop-blur),透出系统材质并保持可读性。
  • 集中 desktop-mica-surface 工具与单元测试;顶栏 layout-chrome、市场详情返回横条、工作区占比滑条与主内容区 tint 分层一致,避免 macOS 拖拽区实心黑条与滑条透底。

Test plan

  • npm run test:lib(含 desktop-mica-surface.test.mjs
  • npx tsc --noEmit
  • macOS/Windows Electron:模糊开/关下会话、设置、扩展详情、市场详情、工作区面板与滑条视觉一致
  • npm run dev:web 无回归(useMicaBackdrop 恒 false)

N123999 added 6 commits June 10, 2026 13:02
集中主内容区、浏览器页槽、终端与工作区 tab 在原生模糊开启时的 tint class 工具,并补充单元测试。
会话、设置、市场与自动化主 layout shell 在原生模糊开启时改用 tint/inner 分层,避免多层实心背景挡住系统材质。
子视图与 WorkspaceToolsDock 透传 useMicaBackdrop,内层与面板改用 tint 工具,浏览器页槽使用略高不透明度。
压缩演示横幅与 composer 底栏垫层在 Mica 下透明;集成终端保留较高不透明度以保证 ANSI 可读性。
主内容区、浏览器页槽、终端与工作区 tab 的 tint 不透明度上调,并集中为常量便于后续微调。
layout-chrome 与内容区分层铺 tint,修复 macOS 拖拽区实心黑条;市场详情返回横条去掉额外实色层;工作区占比滑条补齐与主区一致的可读性透明度。
@N123999 N123999 merged commit e653420 into main Jun 10, 2026
@N123999 N123999 deleted the feat/desktop-mica-tinted-surfaces branch June 10, 2026 05:21
N123999 added a commit that referenced this pull request Jul 1, 2026
feat(desktop): Mica 开启时主内容区半透明底色
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant