uni-app OS设置自动启用深色模式时始终仅能取得light模式

请关注一下此问题，谢谢。

在uni-app中，处理系统深色模式（Dark Mode）和浅色模式（Light Mode）的切换通常需要依赖uni.getSystemInfoSync方法来获取系统当前的主题模式，并结合CSS变量或类名来控制页面的样式。如果你发现即使在系统设置为自动启用深色模式时，uni-app始终只能取得light模式，可能是因为uni-app的配置或代码处理逻辑有误。

以下是一个基本的代码案例，展示了如何在uni-app中检测并响应系统主题模式的变化：

1. 在App.vue中初始化主题模式：

<script>
export default {
  onLaunch() {
    this.updateTheme();
    // 监听系统主题变化（如果平台支持）
    if (typeof window !== 'undefined' && 'matchMedia' in window) {
      const mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)');
      mediaQueryList.addEventListener('change', this.updateTheme);
    }
  },
  methods: {
    updateTheme() {
      const systemInfo = uni.getSystemInfoSync();
      let theme = 'light';
      if (systemInfo.theme === 'dark' || 
          (typeof window !== 'undefined' && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
        theme = 'dark';
      }
      // 设置全局样式变量或类名
      uni.setStorageSync('theme', theme);
      this.$set(uni.$store.state, 'theme', theme); // 假设你使用了Vuex
      document.documentElement.setAttribute('data-theme', theme);
    }
  }
}
</script>

<style>
/* 定义基础样式 */
:root {
  --bg-color-light: #ffffff;
  --bg-color-dark: #333333;
  --text-color-light: #000000;
  --text-color-dark: #ffffff;
}

[data-theme="light"] {
  background-color: var(--bg-color-light);
  color: var(--text-color-light);
}

[data-theme="dark"] {
  background-color: var(--bg-color-dark);
  color: var(--text-color-dark);
}
</style>

1. 在组件中使用主题：

确保你的组件样式可以响应data-theme属性的变化，无需在每个组件中单独处理主题切换逻辑。

1. 注意事项：

• 上述代码假设你在App.vue中处理主题切换，并通过document.documentElement.setAttribute设置全局的data-theme属性。
• 如果你使用Vuex管理状态，可以在Vuex中存储当前主题，并在组件中通过计算属性访问。
• uni.getSystemInfoSync获取的系统信息可能不包含theme字段（取决于uni-app版本和平台支持），因此建议使用window.matchMedia作为备用方案。
• 确保你的页面和组件样式使用了CSS变量，以便能够根据data-theme属性动态调整样式。