@parkassist/pa-ui-library
Version:
INX Platform elements
48 lines • 3.42 kB
JavaScript
const Palette = {
BLACK: "#0D0D0D",
LIGHT_BLACK: "#212121",
NIGHT_RIDER: "#333333",
DIM_GREY: "#717171",
DARK_GREY: '#A3A3A3',
VERY_LIGHT_GREY_NEW: '#C9C9C9',
GREY_SMOKE: '#E4E4E4',
WHITE_SMOKE: '#F5F5F5',
WHITE: '#FFFFFF',
PRIMARY: '#C5D800',
SUCCESS_GREEN: '#1DA966',
SUCCESS_GREEN_LIGHT: '#61C394',
ERROR_RED: '#EC6162',
ERROR_RED_LIGHT: '#F29192',
WARNING_ORANGE: '#FA913D',
WARNING_ORANGE_LIGHT: '#FBB277',
WARNING_YELLOW: '#F6DB6E',
INFO_BLUE: '#559EE1',
INFO_BLUE_LIGHT: '#73B9FA',
BAY_FREE: '#4F9677',
BAY_OCCUPIED: '#EC6162',
BAY_OUT: '#D0D0D0',
BAY_RESERVED: '#FA913D',
FILTER_BLACK: 'invert(0%) sepia(6%) saturate(3773%) hue-rotate(330deg) brightness(94%) contrast(90%)',
FILTER_LIGHT_BLACK: 'invert(11%) sepia(48%) saturate(0%) hue-rotate(168deg) brightness(108%) contrast(101%)',
FILTER_NIGHT_RIDER: 'invert(17%) sepia(0%) saturate(1999%) hue-rotate(138deg) brightness(98%) contrast(90%)',
FILTER_DIM_GREY: 'invert(52%) sepia(0%) saturate(0%) hue-rotate(152deg) brightness(85%) contrast(91%)',
FILTER_DARK_GREY: 'invert(65%) sepia(0%) saturate(0%) hue-rotate(175deg) brightness(100%) contrast(92%)',
FILTER_VERY_LIGHT_GREY: 'invert(80%) sepia(18%) saturate(0%) hue-rotate(201deg) brightness(95%) contrast(99%)',
FILTER_VERY_LIGHT_GREY_NEW: 'brightness(0) saturate(100%) invert(84%) sepia(0%) saturate(7%) hue-rotate(233deg) brightness(95%) contrast(98%)',
FILTER_WHITE_SMOKE: 'invert(91%) sepia(95%) saturate(0%) hue-rotate(202deg) brightness(130%) contrast(100%)',
FILTER_WHITE: 'invert(91%) sepia(95%) saturate(0%) hue-rotate(202deg) brightness(102%) contrast(100%)',
FILTER_PRIMARY: 'invert(64%) sepia(85%) saturate(460%) hue-rotate(21deg) brightness(103%) contrast(106%)',
FILTER_SUCCESS_GREEN: 'brightness(0) saturate(100%) invert(48%) sepia(97%) saturate(377%) hue-rotate(99deg) brightness(91%) contrast(87%)',
FILTER_SUCCESS_GREEN_LIGHT: 'brightness(0) saturate(100%) invert(59%) sepia(61%) saturate(287%) hue-rotate(99deg) brightness(103%) contrast(92%)',
FILTER_ERROR_RED: 'brightness(0) saturate(100%) invert(65%) sepia(70%) saturate(3715%) hue-rotate(319deg) brightness(93%) contrast(100%)',
FILTER_ERROR_RED_LIGHT: 'brightness(0) saturate(100%) invert(51%) sepia(83%) saturate(226%) hue-rotate(309deg) brightness(109%) contrast(94%)',
FILTER_WARNING_ORANGE: 'brightness(0) saturate(100%) invert(69%) sepia(20%) saturate(4831%) hue-rotate(334deg) brightness(106%) contrast(96%)',
FILTER_WARNING_ORANGE_LIGHT: 'brightness(0) saturate(100%) invert(75%) sepia(38%) saturate(716%) hue-rotate(326deg) brightness(103%) contrast(97%)',
FILTER_WARNING_YELLOW: 'brightness(0) saturate(100%) invert(83%) sepia(27%) saturate(802%) hue-rotate(353deg) brightness(105%) contrast(93%)',
FILTER_INFO_BLUE: 'brightness(0) saturate(100%) invert(56%) sepia(52%) saturate(572%) hue-rotate(169deg) brightness(96%) contrast(84%)',
FILTER_INFO_BLUE_LIGHT: 'brightness(0) saturate(100%) invert(66%) sepia(58%) saturate(745%) hue-rotate(181deg) brightness(101%) contrast(96%)',
FILTER_BAY_FREE: 'invert(53%) sepia(32%) saturate(495%) hue-rotate(102deg) brightness(92%) contrast(91%)',
FILTER_BAY_OCCUPIED: 'invert(51%) sepia(21%) saturate(1453%) hue-rotate(309deg) brightness(94%) contrast(98%)',
FILTER_BAY_OUT: 'invert(82%) sepia(0%) saturate(1%) hue-rotate(233deg) brightness(102%) contrast(93%)'
};
export default Palette;