Skip to content

[主题生成器] 更改成功/警告/错误色后,深色模式下对应的背景颜色不正确 #689

@Nero978

Description

@Nero978

tdesign-vue-next 版本

latest

重现链接

https://tdesign.tencent.com/vue-next/components/alert#%E5%9F%BA%E7%A1%80%E8%AD%A6%E5%91%8A

重现步骤

Alert组件为例,打开深色模式,调整成功/警告/错误色后,可以看到Alert组件的背景色不正确,似乎是使用了浅色模式下的对应背景色background-color: var(--td-warning-color-focus)。这将导致深色模式下颜色对比度降低,难以识别文字。

ps:这些功能色调整后在浅色模式上是正常的;品牌的调整在浅色/深色模式下都正常。

Image
redpandacompress_.2025-07-06.220145.mp4

期望结果

在深色模式下,调整功能色应该和调整品牌色的效果保持一致,保证良好的文字对比度(如:antd)

Image

实际结果

见上述【复现步骤】

框架版本

No response

浏览器版本

Edge 138.0.3351.55

系统版本

MacOS latest

Node版本

No response

补充说明

No response

Metadata

Metadata

Assignees

Labels

🐞 bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions