【报Bug】鸿蒙平台的深色模式存在显示异常

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： windows11

手机系统： HarmonyOS NEXT

手机系统版本号： HarmonyOS 6.0.0

手机厂商：华为

手机机型： mate 80 pro

页面类型： vue

vue版本： vue3

打包方式：离线

项目创建方式： CLI

CLI版本号： 3.0.0-4080520251106001

示例代码：

代码参考了示例： https://ext.dcloud.net.cn/plugin?name=hello-darkmode

manifest.json配置如下：

{  
    "name": "hello-darkmode 示例工程",  
    "appid": "",  
    "description": "",  
    "versionName": "1.1.0",  
    "versionCode": 110,  
    "transformPx": false,  
    "app-harmony": {  
        "darkmode": true,  
        "safearea": {  
            "background": "#F7F7F7",  
            "backgroundDark": "#1F1F1F"  
        }  
    }  
    "vueVersion": "3"  
}

其他文件代码完全沿用了示例项目

操作步骤：

代码除证书、包名等配置完全使用示例项目的代码，手机改为深色模式，然后通过USB调试打开APP

预期结果：

导航栏跟随系统开启深色模式的状态切换颜色

实际结果：

导航栏永远显示light主题的颜色；

补充说明：
uni.onThemeChange 实测可以监听到系统深色模式的变化

bug描述：

按照文档配置了深色模式，手机开启了深色模式，但是导航栏和底部导航栏依然使用的是light主题的颜色样式。

2025-11-27 17:16 负责人:无分享

0 个回复

要回复问题请先登录或注册

【报Bug】鸿蒙平台的深色模式存在显示异常

操作步骤：

代码除证书、包名等配置完全使用示例项目的代码，手机改为深色模式，然后通过USB调试打开APP

预期结果：

导航栏跟随系统开启深色模式的状态切换颜色

实际结果：

导航栏永远显示light主题的颜色；

补充说明：
uni.onThemeChange 实测可以监听到系统深色模式的变化

bug描述：

0 个回复

公告

相关问题

【报Bug】鸿蒙平台的深色模式存在显示异常

操作步骤： 代码除证书、包名等配置完全使用示例项目的代码，手机改为深色模式，然后通过USB调试打开APP

预期结果： 导航栏跟随系统开启深色模式的状态切换颜色

实际结果： 导航栏永远显示light主题的颜色； 补充说明： uni.onThemeChange 实测可以监听到系统深色模式的变化

bug描述：

与内容相关的链接

0 个回复

公告

相关问题

操作步骤：

代码除证书、包名等配置完全使用示例项目的代码，手机改为深色模式，然后通过USB调试打开APP

预期结果：

导航栏跟随系统开启深色模式的状态切换颜色

实际结果：

导航栏永远显示light主题的颜色；

补充说明：
uni.onThemeChange 实测可以监听到系统深色模式的变化