当系统设置应用程序模式被设置为暗模式时，Chakra ui更改为暗模式，但我还不希望web应用程序上出现暗模式。

Question

黑暗模式使应用程序看起来难看，我如何禁用脉轮用户界面上的暗模式功能(React )

Answer 1

您所要做的就是将useSystemColorMode支柱设置为false，这样chakraUI就知道不使用systemColorMode了

https://chakra-ui.com/docs/styled-system/features/color-mode#add-colormodescript

// theme.js

// 1. import `extendTheme` function
import { extendTheme } from '@chakra-ui/react'

// 2. Add your color mode config
const config = {
  initialColorMode: 'light',
  //  If true, your app will change color mode based on the user's system preferences.
  useSystemColorMode: false,
}

// 3. extend the theme
const theme = extendTheme({ config })

export default theme