Options
All
  • Public
  • Public/Protected
  • All
Menu

Class Colours

Provides a set of colour swatches that can be used throughout the theme. The swatches are derived from the Material Design guidelines by default.

example
Customise a colour ```ts import { Colours, Rgb } from '@ef-carbon/react-native-style'; const colours = new Colours({ red: { red: 128, green: 0, blue: 0}, // The swatch will be built from this value blue: { 100: '#BBDEFB', 200: { red: 144, green: 202, blue: 249}, 300: new Rgb({ red: 100, green: 181, blue: 246}), 400: '#42A5F5', 500: '#2196F3', 800: '#1565C0', } }); ```
see

Colour

Hierarchy

  • Colours

Implements

  • object

Index

Constructors

Properties

Constructors

constructor

Properties

amber

amber: Readonly<Colour>

black

black: Readonly<Colour>

blue

blue: Readonly<Colour>

blueGrey

blueGrey: Readonly<Colour>

brown

brown: Readonly<Colour>

cyan

cyan: Readonly<Colour>

deepOrange

deepOrange: Readonly<Colour>

deepPurple

deepPurple: Readonly<Colour>

green

green: Readonly<Colour>

grey

grey: Readonly<Colour>

indigo

indigo: Readonly<Colour>

lightBlue

lightBlue: Readonly<Colour>

lightGreen

lightGreen: Readonly<Colour>

lime

lime: Readonly<Colour>

orange

orange: Readonly<Colour>

pink

pink: Readonly<Colour>

purple

purple: Readonly<Colour>

red

red: Readonly<Colour>

teal

teal: Readonly<Colour>

white

white: Readonly<Colour>

yellow

yellow: Readonly<Colour>