const colorWhite = '#FFF';
const colorOffWhite = '#F3F6F9';

const colorBlack = '#000000';

const colorGray = '#4E5A66';
const colorGrayDark = '#06172A';
const colorGrayLight = '#8B9AA8';
const colorGrayLighter = '#A7B3BD';
const colorGrayLightest = '#D4D9DF';

const colorBlueLight = '#54a1f3';
const colorBlueLighter = '#92BCEA';

const colorTransparent = '#ff000000';

const colorPrimary = '#0F70D7';
const colorDanger = '#DF2721';
const colorSuccess = '#008081';

const colorBackground = colorGrayDark;
const userListBg = colorOffWhite;
const userListText = colorGray;
const unreadMessagesBg = colorDanger;
const colorGrayLabel = colorGray;
const colorText = colorGray;
const colorLink = colorPrimary;

const listItemBgHover = '#DCE4ED';
const colorTipBg = '#333333';
const itemFocusBorder = colorBlueLighter;

const btnDefaultColor = colorGray;
const btnPrimaryBorder = colorPrimary;
const btnDefaultBg = colorWhite;

const toolbarButtonColor = btnDefaultColor;
const userThumbnailBorder = colorGrayLight;
const loaderBg = colorGrayDark;
const loaderBullet = colorWhite;

const systemMessageBackgroundColor = '#F9FBFC';
const systemMessageBorderColor = '#C5CDD4';
const systemMessageFontColor = colorGrayDark;
const colorHeading = colorGrayDark;
const palettePlaceholderText = '#787675';
const pollAnnotationGray = '#333333';

const toolbarButtonBorderColor = colorGrayLighter;
const toolbarListColor = colorGray;
const toolbarButtonBg = btnDefaultBg;
const toolbarListBg = '#DDD';
const toolbarListBgFocus = '#C6C6C6';

const pollStatsBorderColor = '#d4d9df';

export {
  colorWhite,
  colorOffWhite,
  colorBlack,
  colorGray,
  colorGrayDark,
  colorGrayLight,
  colorGrayLighter,
  colorGrayLightest,
  colorTransparent,
  colorBlueLight,
  colorBlueLighter,
  colorPrimary,
  colorDanger,
  colorSuccess,
  colorBackground,
  userListBg,
  userListText,
  unreadMessagesBg,
  colorGrayLabel,
  colorText,
  colorLink,
  listItemBgHover,
  colorTipBg,
  itemFocusBorder,
  btnDefaultColor,
  btnPrimaryBorder,
  toolbarButtonColor,
  userThumbnailBorder,
  loaderBg,
  loaderBullet,
  systemMessageBackgroundColor,
  systemMessageBorderColor,
  systemMessageFontColor,
  colorHeading,
  palettePlaceholderText,
  pollAnnotationGray,
  toolbarButtonBorderColor,
  toolbarListColor,
  toolbarButtonBg,
  toolbarListBg,
  toolbarListBgFocus,
  pollStatsBorderColor,
};