Page 1 of 1

dark主题怎么设置

Posted: 2024年 Nov 15日 18:07
by 18559697016
dark.png

在dark主题,有部分组件变成黑色,
请教下,怎么全局关闭dark主题,只用light的主题。


Re: dark主题怎么设置

Posted: 2024年 Nov 18日 09:33
by lshinylee

目前可通过覆盖 css 类目或者变量的方式去重写样式。

如果想要直接一键只支持 light 主题,不期望在 App dark 模式下跟随的话,预计在智能生活 6.0.0 版本后会通过 app.json 中的 darkmode 来一键支持(如直接设置 darkmode: 'light'),还需要等待一小段时间,如开放应用商店并正式发布文档后会再次同步。


Re: dark主题怎么设置

Posted: 2024年 Nov 18日 09:50
by 18559697016

目前可通过覆盖 css 类目或者变量的方式去重写样式。
比喻上面的Tabs,如何设置呢,相关文档在哪里


Re: dark主题怎么设置

Posted: 2024年 Nov 18日 10:00
by lshinylee
  1. 组件内部的 CSS 类名可通过 Tuya MiniApp IDE 的元素审查工具获取。(CSS 类名这类基本不会在文档上特意描述的,内容过多)
  2. 获取完 CSS 类名后可在 .app.less 中进行类名的覆盖,注意关注相关优先级,https://developer.mozilla.org/zh-CN/doc ... pecificity

Re: dark主题怎么设置

Posted: 2024年 Nov 18日 10:47
by 18559697016
lshinylee 2024年 Nov 18日 10:00
  1. 组件内部的 CSS 类名可通过 Tuya MiniApp IDE 的元素审查工具获取。(CSS 类名这类基本不会在文档上特意描述的,内容过多)
  2. 获取完 CSS 类名后可在 .app.less 中进行类名的覆盖,注意关注相关优先级,https://developer.mozilla.org/zh-CN/doc ... pecificity

明白了~ :D :D :D

如果想要直接一键只支持 light 主题,不期望在 App dark 模式下跟随的话,预计在智能生活 6.0.0 版本后会通过 app.json 中的 darkmode 来一键支持(如直接设置 darkmode: 'light'),还需要等待一小段时间,如开放应用商店并正式发布文档后会再次同步。

这个大概什么时候出来


Re: dark主题怎么设置

Posted: 2024年 Nov 18日 10:51
by lshinylee

预计12月份左右会出来,目前正在走 App 常规的发布流程。


Re: dark主题怎么设置

Posted: 2024年 Nov 18日 10:57
by 18559697016

现在“智能生活”app的版本是5.18.1,是12月份左右,更新到6.0.0吗


Re: dark主题怎么设置

Posted: 2024年 Nov 18日 11:18
by lshinylee

是的