text: export const colors = {
    yellow: '#FFC620',
    white: '#ffffff',
    subtleGrey: '#707070', // used in view all button's border, footer description of donation cards
    paleGrey: '#EEEEEE',
    primaryRed: {
      background: '#ed5555',
      hoverActive: '#eb3e3e',
      focus: '#de1818',
    },
    primaryBlue: {
      background: '#065ef5',
      hoverActive: '#0554dc',
      focus: '#0441aa',
    },
    primaryTeal: {
      background: '#4DB6AC',
      hoverActive: '#35ada0',
      focus: '#16a595',
    },
    calendarUnselectedButton: {
      background: '#ffffff',
      hoverActive: '#e7e7e7',
      focus: '#e7e7e7',
    },
    loginButton: {
      background: '#212121',
      hoverActive: '#424242',
      focus: '#616161',
    },
    seeMoreButton: {
      background: '#e7e7e7',
    },
    verifiedIcon: {
      background: '#57A4FF',
    },
    chatButton: {
      background: '#43aad8',
      hoverActive: '#31A2D6',
      focus: '#138CC8',
    },
    chatSuggestDateButton: {
      background: '#3B80ED',
      hoverActive: '#3975D5',
      focus: '#3167BC',
    },
    chatCardSelected: {
      background: '#3B80ED',
    },
    chatSeePostButton: {
      background: '#707070',
      hoverActive: '#616161',
      focus: '#424242',
    },
    chatScrollToBottomButton: {
      background: '#3B80ED',
      hoverActive: '#3975D5',
      focus: '#3167BC',
    },
    borders: {
      background: '#E8EDF1',
    },
    myChatBubble: {
      background: '#3B80ED',
    },
    oppositeChatBubble: {
      background: '#EEEEEE',
    },
    pendingTag: {
      background: '#C2C2C2',
    },
    separator: {
      background: '#eff2f5',
    },
    dragAndDrop: {
      accept: '#00e676',
      reject: '#ff1744',
      active: '#2196f3',
      default: '#eeeeee',
      background: '#fafafa',
      text: '#bdbdbd',
      errorText: '#d21c1c',
      backgroundActive: '#CAD4DE',
    },
    imageLoading: {
      background: '#f0f1f1',
    },
    footer: {
      background: '#fafafa',
    },
    newsBar: {
      background: '#f3f4f5',
    },
  
    passwordText: {
      correct: '#4caf50',
      wrong: '#f44336',
    },
  
    category: {
      hover: '#eeeeee',
    },
  
    nposCard: {
      border: '#d1d1d1',
      borderHover: '#767676',
    },
    faq: {
      background: '#C4C4C4',
    },
  };
  