@parkassist/pa-ui-library/dist/constants/Palette.js

INX Platform elements

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;