【解决方案】

开发者您好，您需要对深色模式进行适配，参见深色模式适配，包括颜色资源适配、媒体资源适配、状态栏适配。针对您提出的三点问题，回复如下：

1. 根据您的描述应用已启用沉浸式，状态栏背景色与应用背景色保持一致，而状态栏文字默认在浅色模式下显示黑色，在深色模式下切换成白色。状态栏适配中已提供解决方案：若背景色可以做深浅色适配，则采用颜色资源适配的方案对应用背景色进行适配，背景色适配时需考虑到状态栏文字在深浅色模式下的默认表现；若背景色无法做深浅色适配，或做了深浅色适配，但是背景的沉浸式颜色与默认的状态栏文字颜色对比度较低，这种情况下需要获取当前的深浅色状态并动态设置状态栏字体颜色。
2. Text组件的文字颜色需要进行颜色资源适配，在深色模式下适配浅色的字体颜色。
3. SVG图标需要进行媒体资源适配适配，在深色模式下适配浅色图标。

这个问题在实际项目里很常见，很多项目开发阶段只测了浅色模式，最后一开暗色模式整个页面“炸了”。

根本原因一般是：页面颜色写死，没有走系统主题资源适配。

1、不要直接写死颜色

比如：

Text('标题')
  .fontColor(Color.Black)

暗色模式：

背景变深色

文字还是 Black

自然看不见。

建议改成资源颜色：

Text('标题')
  .fontColor($r('app.color.text_primary'))

然后：

{
  "text_primary": {
    "value": "#000000"
  }
}

dark目录：

resources/
 ├ base/element/color.json
 └ dark/element/color.json

dark里面：

{
  "text_primary": {
    "value": "#FFFFFF"
  }
}

系统切换时会自动替换。

2、背景不要固定白色

例如：

.background('#FFFFFF')

暗色下就会出现：

背景白 + 状态栏白字。

改：

.background($r('app.color.page_bg'))

浅色：

#FFFFFF

深色：

#000000

3、状态栏颜色也要同步

页面背景变暗，但是状态栏还是系统判断颜色，很容易：

白底 + 白字

或者：

黑底 + 黑字

需要根据主题设置：

window.setWindowSystemBarProperties({
  statusBarColor: bgColor,
  statusBarContentColor: isDark
    ? 'light'
    : 'dark'
})

4、SVG图标也是高频坑

很多 SVG：

fill="#000000"

暗色背景：

黑图标直接消失。

建议：

• 使用多套资源
• 或使用 tint 动态着色

比如：

light：

icon_black.svg

dark：

icon_white.svg

资源目录区分。

5、全局排查建议

项目里搜索：

#FFFFFF
#000000
Color.Black
Color.White

这些基本都是暗色风险点。

实际项目推荐：

不要组件自己决定颜色

应该：

主题资源 → 组件引用 → 系统切换自动适配

流程：

系统暗色切换

→ resources dark 生效

→ ArkUI重新渲染

这样后期不会一个页面一个页面补。

希望可以帮到你~~~~