yarn add use-color-systemimport {useColorSystem} from 'use-color-system'// Setup
const colors = useColorSystem({
hueOffset: 0,
// random number: 0-40
colorSchemePreference: 'light',
// light | dark | inverted
luminanceRange: 70
// 100 for maximum contrast
});
theme.colors = colors;
// Basic usage
colors.blue[0]
// Usage with styled-system
<Box bg="gray.9" color="blue.0">
Hello
<Text color="red.5">World</Text>
</Box>