apphouse
Version:
Component library for React that uses observable state management and theme-able components.
53 lines (51 loc) • 1.27 kB
text/typescript
import { CommonColors } from '../../styles/defaults/themes.interface';
export const Colors = {
ACQUA_BLUE: 'rgb(0, 113, 227)',
BLACK: '#1E1C1D',
GREEN: '#00B324',
GREY: 'rgb(68 66 66)',
GREY_ALT: '#3f3b3b',
GREY_ALT_50: '#2d2d2d',
GREY_ALT_75: '#363333',
LIGHT_GRAY: '#d3d3d3',
MONTANA: '#39393B',
NERO: '#272627',
PURE_BLACK: '#000000',
PURE_WHITE: '#FFFFFF',
RED: '#B20000',
WHITE: '#ececec',
WHITEISH: '#e6e6e6',
YELLOW: '#ffa500',
BLACK_10: '#c6c6c6',
BLACK_40: '#666666',
BLACK_50: '#828282',
BLACK_75: '#3C3B3B',
BLACK_90: '#2C2B2B',
BLACK_95: '#1C1B1B',
WHITE_10: '#424242',
WHITE_30: '#dddddd',
WHITE_40: '#435058',
WHITE_50: '#848C8E',
WHITE_75: '#FFFFFF',
WHITE_90: '#BFB7B6',
WHITE_95: '#F1F2EE',
WHITE_100: '#d8d6d6'
};
export const commonColors: CommonColors = {
brand: Colors.ACQUA_BLUE,
brandAlt: Colors.ACQUA_BLUE,
error: Colors.RED,
info: Colors.GREY,
onBrand: Colors.WHITE,
onBrandAlt: Colors.WHITE,
onError: Colors.WHITE,
onInfo: Colors.WHITE,
onSuccess: Colors.BLACK,
onWarning: Colors.BLACK,
required: Colors.RED,
success: Colors.GREEN,
toggleOn: Colors.ACQUA_BLUE, // lime green
warning: Colors.YELLOW,
lightColor: Colors.WHITE,
darkColor: Colors.BLACK
};