tt/ttstd-infinite-canvas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): 皮肤主题 - 修复提示浮层文字对比度

Browse Source
This commit is contained in:
Ray
2026-09-07 15:00:37 +08:00
parent bddf6fc20b
commit 33d6ac341b
3 changed files with 64 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/styles/globals.css
View File

@@ -13015,6 +13015,18 @@ html:not(.dark) .creation-history-drawer-root {
backdrop-filter: none !important;
}
/* Tooltip 必须使用同一套浮层背景/前景语义色。Ant Design 会让它继承
colorTextLightSolid（实心按钮文字色），深色主题下会形成深底深字。 */
:where(.ant-tooltip) {
--ant-tooltip-arrow-background-color: var(--popover) !important;
--ant-tooltip-overlay-color: var(--popover-foreground) !important;
}
:where(.ant-tooltip-container, .ant-tooltip-inner) {
background: var(--popover) !important;
color: var(--popover-foreground) !important;
}
:where(.ant-select-item-option, .ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title, .ant-cascader-menu-item, .ant-mentions-dropdown-menu-item) {
min-height: 36px;
margin-block: 2px;

4
web/test/site-appearance-and-skins.test.ts
View File

@@ -155,6 +155,10 @@ describe("site appearance and editable skin library", () => {
expect(editorSource).toContain("后台菜单");
expect(globalStyles).toContain("--control-switch-checked-bg: #16a34a");
expect(globalStyles).toContain("--plugin-switch-checked-bg: var(--control-switch-checked-bg)");
expect(globalStyles).toContain("--ant-tooltip-arrow-background-color: var(--popover) !important");
expect(globalStyles).toContain("--ant-tooltip-overlay-color: var(--popover-foreground) !important");
expect(globalStyles).toContain(":where(.ant-tooltip-container, .ant-tooltip-inner)");
expect(globalStyles).toContain("color: var(--popover-foreground) !important");
expect(adminStyles).toContain("--admin-status-warning: var(--palette-status-warning)");
expect(adminStyles).toContain("border-radius: var(--menu-radius);");
});