Die Chakra-Benutzeroberfläche wechselt in den Dunkelmodus, wenn der Systemeinstellungs-App-Modus auf Dunkelmodus eingestellt ist, aber ich möchte noch keinen Dunkelmodus in der Web-App

Der Dunkelmodus lässt die App hässlich aussehen, wie deaktiviere ich die Dunkelmodusfunktion auf der Chakra-Benutzeroberfläche (React Js)

Lösung des Problems

Alles, was Sie tun müssen, ist, die useSystemColorModeRequisite auf zu setzen false, damit chakraUI weiß, dass es nicht verwendet werden sollsystemColorMode

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