diff --git a/web/src/lib/app-theme.ts b/web/src/lib/app-theme.ts index 32ee386bb..2dbad37b8 100644 --- a/web/src/lib/app-theme.ts +++ b/web/src/lib/app-theme.ts @@ -57,7 +57,8 @@ const controlTheme = { export function getAntThemeConfig(dark: boolean): ThemeConfig { const color = dark ? controlTheme.dark : controlTheme.light; - const elevatedBackground = dark ? "rgba(31, 31, 32, 0.96)" : "rgba(255, 255, 255, 0.96)"; + // 浮层背景必须不透明(0.96 会透出下层内容);与侧栏切换器等自定义浮层的实底背景保持一致 + const elevatedBackground = dark ? "rgba(31, 31, 32, 1)" : "rgba(255, 255, 255, 1)"; const subtleBackground = dark ? "rgba(255, 255, 255, 0.055)" : "rgba(17, 17, 17, 0.035)"; const interactiveBorder = dark ? "rgba(255, 255, 255, 0.18)" : "rgba(17, 17, 17, 0.18)"; // 黑白主题使用边框表达焦点,避免输入控件周围出现蓝紫色光圈。 diff --git a/web/src/styles/globals.css b/web/src/styles/globals.css index ad85e9318..a2d26fc38 100644 --- a/web/src/styles/globals.css +++ b/web/src/styles/globals.css @@ -982,7 +982,7 @@ body.app-spatial-overlays :where( .ant-dropdown-menu, .ant-select-dropdown, - .ant-popover-inner, + .ant-popover-container, .ant-picker-dropdown .ant-picker-panel-container, .ant-cascader-menus, .ant-mentions-dropdown, @@ -1001,12 +1001,12 @@ background: var(--workspace-overlay-bg-strong) !important; } - body.app-spatial-overlays :where(.ant-dropdown-menu, .ant-select-dropdown, .ant-popover-inner, .ant-cascader-menus, .ant-mentions-dropdown) { + body.app-spatial-overlays :where(.ant-dropdown-menu, .ant-select-dropdown, .ant-popover-container, .ant-cascader-menus, .ant-mentions-dropdown) { border-radius: 8px !important; } /* 展开菜单(下拉/弹出)取消阴影:层级由边框 + 背景对比表达 */ - body.app-spatial-overlays :where(.ant-dropdown-menu, .ant-select-dropdown, .ant-popover-inner, .ant-cascader-menus, .ant-mentions-dropdown) { + body.app-spatial-overlays :where(.ant-dropdown-menu, .ant-select-dropdown, .ant-popover-container, .ant-cascader-menus, .ant-mentions-dropdown) { box-shadow: none !important; } @@ -1042,8 +1042,8 @@ body.app-spatial-overlays :where( .ant-dropdown-menu-item-divider, - .ant-popover-inner-content > .border-b, - .ant-popover-inner-content > .border-y, + .ant-popover-content > .border-b, + .ant-popover-content > .border-y, .ant-modal-header, .ant-modal-footer, .ant-drawer-header