useColorMode 不适用于 Chakra UI 页脚组件

问题描述

到目前为止，在为 Chakra UI 的明暗模式自定义组件时，ColorMode 钩子一直适用于我的所有代码。但是，当我尝试对页脚执行相同操作时，它不起作用，我不知道为什么。

这是我的代码：

import React from "react";
import { Stack,Text,useColorMode } from "@chakra-ui/react";

export default function Footer() {
  const { colorMode } = useColorMode();

  return (
    <Stack
      direction="row"
      width="full"
      height="75px"
      bgColor={colorMode === "light" ? "#EF820D" : "orange.400"}
      justify="space-between"
    >
      <Text
        paddingTop="25px"
        paddingLeft="20px"
        align="left"
        color={colorMode === "light" ? "whiteDark" : "black"}
      >
        Created by Siddhardh Palaparthi,2021
      </Text>

      <Text
        paddingTop="25px"
        paddingRight="20px"
        align="right"
        color={colorMode === "light" ? "whiteDark" : "black"}
      >
        Contact Me: [e-mail]
      </Text>
    </Stack>
  );
}

谢谢。

解决方法

事实证明，将 whiteDark 更改为 white 解决了我的问题，但我不确定为什么，因为 whiteDark 在我的标题中起作用。谢谢。