Color Mode

We can apply different styles based on different color mode by defining _dark and _light property in sx prop.

In the below example we are defining styles to be applied in dark mode in _dark object and for light mode in _light object.

<>
  <Button $dark-bg="$blue600" $light-bg="$red600">
    <ButtonText>Hello world</ButtonText>
  </Button>
</>

Expo snack link for managing color mode.