HarmonyOS Web组件如何适配深色模式,利用CSS媒体特性prefers-color-scheme进行交互告知?

​H5深色模式适配主要是借助CSS媒体特性prefers-color-scheme, 咨询当前Web组件如何进行交互

CSS媒体特性prefers-color-scheme简介: https://developer.mozilla.org/zh-CN/docs/Web/CSS/@media/prefers-color-scheme​

HarmonyOS
2024-11-06 10:26:44
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

​就是darkMode,设置Web深色模式,默认关闭。当深色模式开启时,Web将启用媒体查询prefers-color-scheme中网页所定义的深色样式,若网页未定义深色样式,则保持原状。如需开启强制深色模式,建议配合forceDarkAccess使用。

参考文档:​https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-web-V5#darkmode9

只设置了darkMode,要搭配系统深色模式使用。使用了强制深色,那无论web开不开深色模式都是深色的。​

分享
微博
QQ
微信
回复
2024-11-06 16:01:29
相关问题
应用如何适配深色模式
816浏览 • 1回复 待解决
应用如何适配深色模式
2189浏览 • 1回复 待解决
如何设置Web组件深色模式
239浏览 • 1回复 待解决
如何强制开启Web组件深色模式
662浏览 • 1回复 待解决
app适配深色浅色切换模式
1800浏览 • 1回复 待解决
Web组件开启了强制深色模式会怎样?
307浏览 • 1回复 待解决
HarmonyOS深色主题适配
304浏览 • 1回复 待解决
HarmonyOS 组件切换深色模式不生效
297浏览 • 1回复 待解决
HarmonyOS web系统组件css不显示
167浏览 • 1回复 待解决
如何实现媒体会话交互功能
590浏览 • 1回复 待解决
HarmonyOS app内如何禁用深色模式
155浏览 • 1回复 待解决
HarmonyOS web组件和js交互
65浏览 • 1回复 待解决
HarmonyOS web组件内容适配折叠屏
177浏览 • 1回复 待解决
深色模式如何屏蔽?有人知道吗?
237浏览 • 0回复 待解决
应用如何适配大显示模式
1869浏览 • 1回复 待解决
HarmonyOS分屏幕模式和小窗口模式适配
512浏览 • 1回复 待解决