HarmonyOS鸿蒙Next中有的app暗黑模式不会影响页面显示，华为的包可以关掉暗黑模式么(页面不受暗黑模式影响)

HarmonyOS鸿蒙Next中有的app暗黑模式不会影响页面显示，华为的包可以关掉暗黑模式么(页面不受暗黑模式影响) 【问题描述】：有的app暗黑模式不会影响页面显 示，华为的包可以关掉暗黑模式么(页面不受暗黑模式影响)

【问题现象】：正常模式下：

cke_3667.png

深色模式：

cke_5541.png

【版本信息】：IDE版本6.0.2

【复现代码】：无

【尝试解决方案】：无


更多关于HarmonyOS鸿蒙Next中有的app暗黑模式不会影响页面显示，华为的包可以关掉暗黑模式么(页面不受暗黑模式影响)的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

1.应用默认配置为跟随系统切换深浅色模式，如不希望应用跟随系统深浅色模式变化，可主动设置应用的深浅色风格。设置后，应用的深浅色模式固定，不会随系统改变。
参考链接：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/ui-dark-light-color-adaptation#%E5%BA%94%E7%94%A8%E4%B8%BB%E5%8A%A8%E8%AE%BE%E7%BD%AE%E6%B7%B1%E6%B5%85%E8%89%B2%E6%A8%A1%E5%BC%8F

2.适配深色模式
参考链接：https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-dark-mode-adaptation#section128661451172714

更多关于HarmonyOS鸿蒙Next中有的app暗黑模式不会影响页面显示，华为的包可以关掉暗黑模式么(页面不受暗黑模式影响)的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


我记得好像都需要适配暗黑模式，

想多了，有些就没有深色模式，

在HarmonyOS Next中，可以通过设置应用的AppStorage或修改window的colorMode来禁用暗黑模式对特定页面的影响。使用window.setWindowSystemDarkMode方法或配置modifier为应用或页面指定固定的亮色主题，从而避免暗黑模式生效。

在HarmonyOS Next中，可以通过配置应用的主题模式来控制应用是否跟随系统的深色模式（暗黑模式）切换。如果你希望你的应用页面不受系统深色模式影响，始终保持其自身的主题样式，可以在应用的module.json5配置文件中进行设置。

具体操作如下：

  1. 打开你的HarmonyOS Next应用工程。
  2. 找到并打开 entry/src/main/module.json5 文件。
  3. 在 module 字段下的 abilities 中找到对应的UIAbility（通常是第一个）。
  4. 在该UIAbility的配置中，添加或修改 theme 字段。

你可以将 theme 设置为以下值之一：

  • auto: 应用主题跟随系统主题自动切换。这是默认行为。
  • light: 应用强制使用浅色主题，不受系统深色模式影响。
  • dark: 应用强制使用深色主题，不受系统深色模式影响。

示例代码：

{
  "module": {
    "name": "entry",
    "type": "entry",
    ...
    "abilities": [
      {
        "name": "EntryAbility",
        "srcEntry": "./ets/entryability/EntryAbility.ts",
        "description": "$string:EntryAbility_desc",
        "icon": "$media:icon",
        "label": "$string:EntryAbility_label",
        "startWindowIcon": "$media:icon",
        "startWindowBackground": "$color:start_window_background",
        "theme": "light", // 关键配置：设置为light，应用将始终保持浅色主题
        ...
      }
    ]
  }
}

配置说明：

  • 将 "theme" 的值设置为 "light"，你的应用将始终以浅色主题运行，即使系统开启了深色模式。
  • 同理，设置为 "dark" 将始终以深色主题运行。
  • 如果删除 "theme" 配置或设置为 "auto"，应用主题将跟随系统设置切换。

通过这种方式，你可以在应用级别全局控制主题行为，实现“页面不受暗黑模式影响”的效果。此配置作用于该UIAbility下的所有页面。

回到顶部