bigbluebutton-Github/bigbluebutton-html5/imports/ui/stylesheets/styled-components/palette.js

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 colorBlueLightest = '#E4ECF2';

const colorTransparent = '#ff000000';

const colorPrimary = '#0F70D7';
const colorDanger = '#DF2721';
const colorSuccess = '#008081';
const colorWarning = 'purple';
const colorOffline = colorGrayLight;
const colorMuted = '#586571';
const colorMutedBackground = '#F3F6F9';

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 btnDefaultBg = colorWhite;
const btnDefaultBorder = colorWhite;

const btnPrimaryBorder = colorPrimary;
const btnPrimaryColor = colorWhite;
const btnPrimaryBg = colorPrimary;

const btnSuccessBorder = colorSuccess;
const btnSuccessColor = colorWhite;
const btnSuccessBg = colorSuccess;

const btnWarningBorder = colorWarning;
const btnWarningColor = colorWhite;
const btnWarningBg = colorWarning;

const btnDangerBorder = colorDanger;
const btnDangerColor = colorWhite;
const btnDangerBg = colorDanger;

const btnDarkBorder = colorDanger;
const btnDarkColor = colorWhite;
const btnDarkBg = colorGrayDark;

const btnOfflineBorder = colorOffline;
const btnOfflineColor = colorWhite;
const btnOfflineBg = colorOffline;

const btnMutedBorder = colorMutedBackground;
const btnMutedColor = colorMuted;
const btnMutedBg = colorMutedBackground;

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 colorContentBackground = '#1B2A3A';

const dropdownBg = colorWhite;

const pollStatsBorderColor = '#D4D9DF';
const pollBlue = '#1A73D4';

const toastDefaultColor = colorWhite;
const toastDefaultBg = colorGray;

const toastInfoColor = colorWhite;
const toastInfoBg = colorPrimary;

const toastSuccessColor = colorWhite;
const toastSuccessBg = colorSuccess;

const toastErrorColor = colorWhite;
const toastErrorBg = colorDanger;

const toastWarningColor = colorWhite;
const toastWarningBg = colorWarning;

export {
  colorWhite,
  colorOffWhite,
  colorBlack,
  colorGray,
  colorGrayDark,
  colorGrayLight,
  colorGrayLighter,
  colorGrayLightest,
  colorTransparent,
  colorBlueLight,
  colorBlueLighter,
  colorBlueLightest,
  colorPrimary,
  colorDanger,
  colorSuccess,
  colorWarning,
  colorBackground,
  userListBg,
  userListText,
  unreadMessagesBg,
  colorGrayLabel,
  colorText,
  colorLink,
  listItemBgHover,
  colorTipBg,
  itemFocusBorder,
  btnDefaultColor,
  btnDefaultBg,
  btnDefaultBorder,
  btnPrimaryBorder,
  btnPrimaryColor,
  btnPrimaryBg,
  btnSuccessBorder,
  btnSuccessColor,
  btnSuccessBg,
  btnWarningBorder,
  btnWarningColor,
  btnWarningBg,
  btnDangerBorder,
  btnDangerColor,
  btnDangerBg,
  btnDarkBorder,
  btnDarkColor,
  btnDarkBg,
  btnOfflineBorder,
  btnOfflineColor,
  btnOfflineBg,
  btnMutedBorder,
  btnMutedColor,
  btnMutedBg,
  toolbarButtonColor,
  userThumbnailBorder,
  loaderBg,
  loaderBullet,
  systemMessageBackgroundColor,
  systemMessageBorderColor,
  systemMessageFontColor,
  colorHeading,
  palettePlaceholderText,
  pollAnnotationGray,
  toolbarButtonBorderColor,
  toolbarListColor,
  toolbarButtonBg,
  toolbarListBg,
  toolbarListBgFocus,
  pollStatsBorderColor,
  pollBlue,
  colorContentBackground,
  dropdownBg,
  toastDefaultColor,
  toastDefaultBg,
  toastInfoColor,
  toastInfoBg,
  toastSuccessColor,
  toastSuccessBg,
  toastErrorColor,
  toastErrorBg,
  toastWarningColor,
  toastWarningBg,
};