根据Chakra UI颜色模式更改react应用程序的背景

Question

我是新的脉轮UI和反应，并希望实现一个背景变化，根据脉轮的颜色模式(暗/光)。

我尝试过几个版本，我可以使用它们中的任何一个(没有限制)，但它们都没有工作：

• 动态SVG组件有定位问题。
• 试图通过对颜色模式的反应来更改SCSS变量，改变
• 试图从SCSS中的cookies读取颜色模式，因为chakra ui颜色模式存储在cookies
• 中，有一个带有useColorMode()钩子的内联样式组件--这是部分工作的，但只有当我刷新页面(尝试了useEffect()和useMemo()，但也没有帮助)H 211F 212时，才能部分工作。

Answer 1

因此，我基本上修正了它，将SVG的背景不透明度转换为0，这样，页面的颜色模式是可见的。