Jitsi Meet Branding Configuration

jitsi-meet.config.js

const branding = {
  // The domain url to apply (will replace the domain in the sharing conference link/embed section)
  "inviteDomain": "example-company.org",
  // The hex value for the colour used as background
  "backgroundColor": "#fff",
  // The url for the image used as background
  "backgroundImageUrl": "https://example.com/background-img.png",
  // The anchor url used when clicking the logo image
  "logoClickUrl": "https://example-company.org",
  // The url used for the image used as logo
  "logoImageUrl": "https://example.com/logo-img.png",
  // Overwrite for pool of background images for avatars
  "avatarBackgrounds": [
    "url(https://example.com/avatar-background-1.png)",
    "#FFF"
  ],
  // The lobby/prejoin screen background
  "premeetingBackground": "url(https://example.com/premeeting-background.png)",
  // A list of images that can be used as video backgrounds.
  // When this field is present, the default images will be replaced with those provided.
  "virtualBackgrounds": ["https://example.com/img.jpg"],
  // Object containing customized icons that should replace the default ones.
  // The keys need to be the exact same icon names used in here:
  // https://github.com/jitsi/jitsi-meet/blob/master/react/features/base/icons/svg/index.ts
  // To avoid having the icons trimmed or displayed in an unexpected way, please provide svg
  // files containing svg xml icons in the size that the default icons come in.
  "customIcons": {
    "IconArrowUp": "https://example.com/arrow-up.svg",
    "IconDownload": "https://example.com/download.svg",
    "IconRemoteControlStart": "https://example.com/remote-start.svg"
  },
  // Object containing a theme's properties. It also supports partial overwrites of the main theme.
  // For a list of all possible theme tokens and their current defaults, please check:
  // https://github.com/jitsi/jitsi-meet/tree/master/resources/custom-theme/custom-theme.json
  // For a short explanations on each of the tokens, please check:
  // https://github.com/jitsi/jitsi-meet/blob/master/react/features/base/ui/Tokens.ts
  // IMPORTANT!?: This is work in progress so many of the various tokens are not yet applied in code
  // or they are partially applied.
  "customTheme": {
    "palette": {
      "ui01": "orange !important",
      "ui02": "maroon",
      "surface02": "darkgreen",
      "ui03": "violet",
      "ui04": "magenta",
      "ui05": "blueviolet",
      "action01": "green",
      "action01Hover": "lightgreen",
      "disabled01": "beige",
      "success02": "cadetblue",
      "action02Hover": "aliceblue"
    },
    "typography": {
      "labelRegular": {
        "fontSize": 25,
        "lineHeight": 30,
        "fontWeight": 500
      }
    }
  }
};