IColours | EF React Native Style Framework

Colour name aliases that can be used to build up colour swatches. Used by Constants to provide a set of colours that the Theme can pull from. Uses the Material Design colour names.

example: Using the values ```ts import { ViewStyle } from 'react-native'; import { colours } from '@ef-carbon/react-native-style'; const style: ViewStyle = { color: colours.red.dark, backgroundColor: colours.red.normal, borderColor: colours.red.dark, }; ```
example: Using the mixins ```ts import { ViewStyle } from 'react-native'; import { Theme } from '@ef-carbon/react-native-style'; const theme = new Theme({ base: 'blue' }); const style: ViewStyle = { ...theme.colours.font.red.normal, ...theme.colours.background.red.normal, ...theme.colours.border.red.normal, }; ```
see: ITheme
see: Theme

Type parameters

Hierarchy

IColours

Index

Properties

amber

amber: T

black

black: T

blue

blue: T

blueGrey

blueGrey: T

brown

brown: T

cyan

cyan: T

deepOrange

deepOrange: T

deepPurple

deepPurple: T

green

green: T

grey

grey: T

indigo

indigo: T

lightBlue

lightBlue: T

lightGreen

lightGreen: T

lime

lime: T

orange

orange: T

pink

pink: T

purple

purple: T

red

red: T

teal

teal: T

white

white: T

yellow

yellow: T