ArkUI深色模式适配指南
原创
深海的鲸同学 luvi 2026-07-22 13:24:29 发布1 浏览 0 点赞 0 收藏
鸿蒙(HarmonyOS)应用中,设置 resources/dark/color.json 需要遵循以下核心规则和步骤:

一、目录结构规范
- 路径要求 深色模式资源文件必须存放在 resources/dark/element/ 目录下,与浅色模式资源隔离: resources/ ├── base/ # 浅色模式资源目录 │ └── element/ │ └── color.json └── dark/ # 深色模式资源目录 └── element/ └── color.json
- 文件命名 必须使用 color.json 作为文件名,与浅色模式保持一致。
二、颜色配置规则
- 同名原则 深色与浅色模式中的颜色资源名称需完全一致,系统通过名称匹配自动切换颜色值。 浅色模式示例(base/color.json): { "color": [ { "name": "app_background", "value": "#F1F3F5" // 浅色背景 } ] } 深色模式示例(dark/color.json): { "color": [ { "name": "app_background", // 名称与浅色模式一致 "value": "#000000" // 深色背景 } ] }
- 色值格式 支持两种格式: Hex 格式:如 #FFFFFF(纯色)或 #CC000000(带透明度,前两位为 Alpha 值)。
三、代码引用方式
通过 $r('app.color.资源名') 动态加载颜色资源,系统自动适配深浅模式:
Text('深色模式文本')
.fontColor($r('app.color.app_background')) // 自动切换颜色©本站发布的所有内容,包括但不限于文字、图片、音频、视频、图表、标志、标识、广告、商标、商号、域名、软件、程序等,除特别标明外,均来源于网络或用户投稿,版权归原作者或原出处所有。我们致力于保护原作者版权,若涉及版权问题,请及时联系我们进行处理。
分类
三方库
标签
markdown
暂无评论数据
加载中...
发布
相关推荐
从平板到鸿蒙电脑,从鸿蒙电脑到平板:应用分发配置与适配自查
鸿蒙小助手
36
0HarmonyOS7更新亮点实录2:Accessibility Kit 关怀模式接入与适老化体验升级
qingkouwei
415
0ArkUI WaterFlow 瀑布流组件实战:电商首页布局优化
王争
191
0HarmonyOS多窗口开发实战:平板与折叠屏适配方案
1xss
156
0
深海的鲸同学 luvi
独立全栈开发者、鸿蒙生态内容创作者、鸿蒙原生应用“Segment”、“上述”、“NexServer”、“Markdown轻码实验室”作者、鸿蒙生态三方库lv-markdwon-in、html2md作者,优秀三方开源库作者。HarmonyOS应用开发者高级认证,HarmonyOS开发者社区优质问答博主。
20
帖子
0
提问
347
粉丝
最新发布
【HarmonyOS】图像超分开发实践
2026-07-22 14:15:24 发布Segment:所见即所得的 Markdown 写作应用
2026-07-07 11:32:32 发布热门推荐
京公网安备:11010502051901号