积分中心
深色模式适配:从颜色替换到语义化主题
头像 ccai 2026-09-18 15:53:11    发布
2013 浏览 13 点赞 0 收藏

项目早期直接在组件中写十六进制颜色,接入深色模式时需要逐个页面修改。

后来把颜色改为语义化资源:

Text('订单状态')
  .fontColor($r('app.color.text_primary'))
  .backgroundColor($r('app.color.surface'))

颜色资源按“主要文字、次要文字、背景、边框、警告、成功”等语义定义,而不是按具体色值命名。这样切换主题时只修改资源配置。

测试时检查文字对比度、图片上的文字、禁用状态和弹窗背景。不能只验证首页,表单、列表、错误页和空状态也要覆盖。


©本站发布的所有内容,包括但不限于文字、图片、音频、视频、图表、标志、标识、广告、商标、商号、域名、软件、程序等,除特别标明外,均来源于网络或用户投稿,版权归原作者或原出处所有。我们致力于保护原作者版权,若涉及版权问题,请及时联系我们进行处理。
分类
IDE
地址:北京市朝阳区北三环东路三元桥曙光西里甲1号第三置业A座1508室 电话:13391790444或(010)62178877
版权所有:电脑商情信息服务集团 北京赢邦策略咨询有限责任公司
声明:本媒体部分图片、文章来源于网络,版权归原作者所有,我司致力于保护作者版权,如有侵权,请与我司联系删除

京ICP备:2022009079号-2

京公网安备:11010502051901号

ICP证:京B2-20230255