Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[求助] 夜间模式下,array的背景不会自动成暗色 #342

Open
Anmours opened this issue Dec 29, 2023 · 3 comments
Open

[求助] 夜间模式下,array的背景不会自动成暗色 #342

Anmours opened this issue Dec 29, 2023 · 3 comments

Comments

@Anmours
Copy link

Anmours commented Dec 29, 2023

反馈问题请先查看文档和务必提供详细的复现代码,遵循如下格式,描述不清楚的问题将会直接关闭。

vue和ui框架

vue3、ui框架naive ,最新版

问题描述

请问如何动态更改该class下的背景值?
我在naive中使用夜间模式,array的背景不会自动成暗色,依然是白色
image

我看文档应该是可以使用Ui Schema实现,但是我的后端json数据不是固定的,无法精确array数组在哪个节点来配置,我想当切换为夜间模式时,直接更改这个class中的background,请问该怎么做?请指教 谢谢

image

如何复现

必要时提供复现demo,如codepen,github 复现仓库,playground分享链接等

期望的结果

请问该怎么做?请指教 谢谢

@lljj-x
Copy link
Owner

lljj-x commented Jan 11, 2024

有解决方案吗 或者可以pr ?

@Anmours
Copy link
Author

Anmours commented Jan 11, 2024

有解决方案吗 或者可以pr ?

我更改了npm包的源码来实现,我把背景色改成了全局变量色:.arrayOrderList{background:var(--n-color-embedded-popover),它现在会随着主题色变动颜色
这个全局主题色是naive的,或许你可以直接内置,又或者你用props来接收用户自定义这个颜色,这是最佳解决方案

@lljj-x
Copy link
Owner

lljj-x commented Jan 31, 2024

这里目前还是建议用你覆盖样式的方式来。

后面可以调下暗黑下的配色,不过还是可能会有个性化的需求,所以有个性化需求覆盖就好

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

No branches or pull requests

2 participants