在颤动中更改暗模式的文本颜色(具有动态主题)？

<meta name="color-scheme" content="light dark">

:root {
  --text-color-light: #000000;  /* 亮模式下的文本颜色 */
  --text-color-dark: #ffffff;   /* 暗模式下的文本颜色 */
}

body {
  color: var(--text-color-light);  /* 默认使用亮模式下的文本颜色 */
}

@media (prefers-color-scheme: dark) {
  body {
    color: var(--text-color-dark);  /* 当前为暗模式时使用暗模式下的文本颜色 */
  }
}