HarmonyOS鸿蒙Next中切换深色模式后，发现文字看不见

其实这个协议没必要托管在AGC上啊，就是一个普普通通的H5页面。

如果想让H5适配深色模式，请参考：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/web-set-dark-mode

网页深色模式适配

color-scheme是一个CSS属性，用于表示网页支持的配色方案，可以影响表单、滚动条和CSS系统颜色。CSS系统颜色指Web组件内置的颜色，是部分元素未定义样式时应用的默认颜色。

当声明支持深色配色方案时，Web组件可以将网页内的表单、滚动条以及使用CSS系统颜色的元素切换为深色样式。如果元素自定义了颜色样式，则不受color-scheme的影响，保持自定义的颜色样式。

color-scheme未设置时，默认为normal，表示未指定配色方案，使用Web组件的默认配色方案，表现与light一致。使用样例如下：

/* 使用方式1：使用meta标签全局设置 */
<meta name="color-scheme" content="light"> /* 只支持浅色模式 */
/* 使用方式2：使用style全局设置 */
:root {
  color-scheme: light dark; /* 支持浅色和深色模式，跟随系统切换 */
}
/* 使用方式3：使用style针对特定元素设置 */
div {
  color-scheme: light; /* 只支持浅色模式 */
}

prefers-color-scheme是CSS中的一个媒体查询功能，可以检测系统的主题颜色。网页开发者可以通过该特性，为不同的系统主题颜色定义不同的网页CSS样式，以适应用户的主题偏好。使用样例如下：

<style>
  /* 默认样式 */
  body { background-color: White; }
  /* 浅色样式，Web关闭深色模式时覆盖默认样式 */
  [@media](/user/media) (prefers-color-scheme: light) {
    body { background-color: Gray; }
  }
  /* 深色样式，Web开启深色模式时覆盖默认样式 */
  [@media](/user/media) (prefers-color-scheme: dark) {
    body { background-color: Black; }
  }
</style>

Web深色模式设置

通过darkMode()接口可以配置Web深色模式，默认状态为关闭。应用可设置WebDarkMode.Auto，表示Web深色模式跟随系统设置。也可以手动设置WebDarkMode.On或WebDarkMode.Off来控制深色模式的开启与关闭。

设置WebDarkMode.On，或设置WebDarkMode.Auto并启用系统深色模式时，Web将进入深色模式。在深色模式下，Web会应用媒体查询@media(prefers-color-scheme: dark)中定义的深色样式。如果网页未定义深色样式，则保持原有样式。

若要使未适配深色模式的网页强制转换为深色样式，可以使用forceDarkAccess()接口开启强制深色模式。强制深色模式可以覆盖网页默认样式，转换网页背景和文字的颜色，以适应在深色模式下显示。强制深色模式无法保证所有颜色转换符合预期。

在强制深色模式下，高亮度色值将被转换为适合低光环境的色值，低亮度色值则保持不变。具体色值转换算法沿用Chromium内核标准，随Chromium内核的更新迭代。色值转换只针对不支持深色配色方案的元素。如果网页全局声明支持深色配色方案，则整个网页的色值均不会被Web转换。