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

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

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

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

const colorTransparent = '#ff000000';

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

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

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

const btnDefaultColor = colorGray;
const btnPrimaryBorder = colorPrimary;

const toolbarButtonColor = btnDefaultColor;
const userThumbnailBorder = colorGrayLight;

export {
  colorWhite,
  colorOffWhite,
  colorGray,
  colorGrayDark,
  colorGrayLight,
  colorGrayLighter,
  colorTransparent,
  colorBlueLight,
  colorBlueLighter,
  colorPrimary,
  colorDanger,
  colorBackground,
  userListBg,
  userListText,
  unreadMessagesBg,
  colorGrayLabel,
  colorText,
  listItemBgHover,
  itemFocusBorder,
  btnDefaultColor,
  btnPrimaryBorder,
  toolbarButtonColor,
  userThumbnailBorder,
};