iOS Color

Type-safe UIKit semantic colors

One.iOS.Color names UIKit’s semantic colors with types. Each is a native PlatformColor, so it follows light mode, dark mode, and increased contrast without a React appearance subscription.

import { Text, View } from 'react-native'
import { One } from 'one'

<View style={{ backgroundColor: One.iOS.Color.secondarySystemBackground }}>
  <Text style={{ color: One.iOS.Color.label }}>Hello</Text>
</View>

Colors

Any other UIKit color name works as a string key, such as One.iOS.Color['tintColor']. It reaches PlatformColor unchecked.

On Android and web every color reads null. Pick a color per platform, or use Android Color on Android.