Color mode based on device settings

[haibert]

Hey guys,
is there a way to have the color mode be automatically switched when device settings are changed from light to dark? Instead of using toggleColorMode?

[kaili-kameoka]

You can create a custom theme with a config like this:

    useSystemColorMode: true
  };

  const customTheme = extendTheme({ config });

Then, pass the custom theme in the theme prop of the NativeBaseProvider

Docs: https://docs.nativebase.io/color-mode

If you're using expo, you may also need to modify the app.json so that the ios and android platforms have the following:

"userInterfaceStyle": "automatic",

Docs: https://docs.expo.dev/guides/color-schemes/