DouyinFE / semi-design

🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 2800+ Design Tokens, easy to build your design system. Make Semi Design to Any Design. 🧑🏻‍💻 Design to Code in one click

Home Page:https://semi.design

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[BUG] 暗黑模式主题主色下Table下的表格分组分组行仍然是亮色

Memoyu opened this issue · comments

Is there an existing issue for this?

  • I have searched the existing issues

Which Component

table

Semi Version

2.54.1

Current Behavior

亮色模式下:
image
暗色模式下:
image

Expected Behavior

希望暗色模式下能匹配暗色

Steps To Reproduce

No response

ReproducibleCode

No response

Environment

- OS:windows
- browser:edge

Anything else?

No response

image
目前的临时解决方案

.semi-table-row-section {
    background-color: var(--semi-color-fill-0);
}
.semi-table-row-cell {
    background-color: transparent !important;
}

image 目前的临时解决方案

.semi-table-row-section {
    background-color: var(--semi-color-fill-0);
}
.semi-table-row-cell {
    background-color: transparent !important;
}

看下暗色模式下,你的 --semi-grey-0 定义的颜色为啥是白色,这个官网的分组行的颜色。

image image

image 目前的临时解决方案

.semi-table-row-section {
    background-color: var(--semi-color-fill-0);
}
.semi-table-row-cell {
    background-color: transparent !important;
}

看下暗色模式下,你的 --semi-grey-0 定义的颜色为啥是白色,这个官网的分组行的颜色。

image image

这个我也有点没理解,哈哈哈,好像跟主题也没关系,尝试官网换同样主题也是正常的;
我也反复的看了一下,好像也没尝试去修改过这个样式变量;
如果可以,你可以看这个项目,辛苦了:
Memo.Blog.Admin

image 目前的临时解决方案

.semi-table-row-section {
    background-color: var(--semi-color-fill-0);
}
.semi-table-row-cell {
    background-color: transparent !important;
}

看下暗色模式下,你的 --semi-grey-0 定义的颜色为啥是白色,这个官网的分组行的颜色。
image image

这个我也有点没理解,哈哈哈,好像跟主题也没关系,尝试官网换同样主题也是正常的; 我也反复的看了一下,好像也没尝试去修改过这个样式变量; 如果可以,你可以看这个项目,辛苦了: Memo.Blog.Admin

这个主题有点问题,管理员修复了。安装一下最新版本

image

这类问题一般官网没问题的,自己运行环境有问题的。会跟主题配置以及项目的样式覆盖有关系。

根据样式,可以在 dev tools 上查看对应的 token 引用或者类名,一般能找到问题。

这类问题一般官网没问题的,自己运行环境有问题的。会跟主题配置以及项目的样式覆盖有关系。

根据样式,可以在 dev tools 上查看对应的 token 引用或者类名,一般能找到问题。

好的。感谢感谢!