写点什么

如何实现多主题下正常模式和深色模式适配?

  • 2026-02-10
    北京
  • 本文字数:283 字

    阅读完需:约 1 分钟

本问答帖原创发布在华为开发者联盟社区 ,欢迎开发者前往论坛提问交流。

问题描述:

在适配多主题且每个主题都需要适配正常模式和深色模式,颜色需要怎么处理?比如一个背景颜色颜色要使用主题色 A 主题 正常:#84BD00 深色:#FF5F00,另一个使用 B 主题正常:#00D7FF 深色:#FF0082。

解决方案:

可以抽出所有主题中公共的颜色,正常模式颜色配置在 base>element>color.json 中;深色模式颜色配置在 dark>element>color.json 中;采用多主题动态设置的方式来实现目标。

参考 demo 和其他解决方案相关的讨论,请点击原帖查看:

多主题适配 color文件是否可以选择使用-华为开发者问答 | 华为开发者联盟 (huawei.com)