【报Bug】开启darkmode后，使用媒体查询@media (prefers-color-scheme: dark)，在安卓不生效

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： Windows 11 家庭中文版23H2

HBuilderX类型：正式

HBuilderX版本号： 4.15

手机系统： Android

手机系统版本号： Android 11

手机厂商： google

手机机型： pixel 2XL

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

操作步骤：

安卓自定义基座使用媒体查询@media (prefers-color-scheme: dark)设置样式

预期结果：

当处于darckmode时媒体查询中的样式生效

实际结果：

媒体查询@media (prefers-color-scheme: dark)中的样式不生效

bug描述：

手机在开启darkmode后，使用媒体查询@media (prefers-color-scheme: dark)，在安卓不生效，IOS正常生效，安卓端使用theme.json配置的tabbar的darkmode颜色正常生效。经过排查后发现，使用自定义调试基座运行则媒体查询不生效，使用标准基座运行后，发现媒体查询可以正常生效。自定义基座是5月23号新打的。

2024-05-24 19:09 负责人:DCloud_Android_THB 分享

3 个回复

DCloud_Android_THB

你再云打包一次，并提供一下appid

1***@163.com (作者)

AppID在帖子的机密信息中有

2024-05-28 19:15
DCloud_Android_THB

回复 1***@163.com: 你是否设置了darkmode:true？

2024-05-30 12:16
DCloud_Android_THB

回复 1***@163.com: 具体的示例 https://ext.dcloud.net.cn/plugin?name=hello-darkmode 可以参考配置一下

2024-05-30 12:24
1***@163.com (作者)

回复 DCloud_Android_THB: 设置了的，page.json中配置的darkmode的 tabbar以及navbar的颜色是正常的

2024-06-05 15:10
DCloud_Android_THB

回复 1***@163.com: 你弄个复现的demo传给我一下。

2024-06-06 11:17
5***@qq.com

回复 1***@163.com: 后来如何解决，我也有这个问题

2024-08-24 14:29