onfido-sdk-ui/src/demo/custom-ui-config.json

JavaScript SDK view layer for Onfido identity verification

{
  "fontFamilyTitle": "Impact, fantasy",
  "fontWeightSubtitle": 600,
  "fontSizeSubtitle": "1.25rem",
  "colorBackgroundSurfaceModal": "#fafafa",
  "colorBorderSurfaceModal": "#b23a48",
  "borderWidthSurfaceModal": "6px",
  "borderStyleSurfaceModal": "groove",
  "colorContentButtonPrimaryText": "#000",
  "colorBackgroundButtonPrimary": "#ffb997",
  "colorBorderButtonPrimary": "#b23a48",
  "colorBackgroundButtonPrimaryHover": "#f67e7d",
  "colorBackgroundButtonPrimaryActive": "#843b62",
  "colorContentButtonSecondaryText": "hsla(90deg 1% 12%)",
  "colorBackgroundButtonSecondary": "rgb(255 238 170)",
  "colorBorderButtonSecondary": "coral",
  "colorBackgroundButtonSecondaryHover": "#ce6a85",
  "colorBackgroundButtonSecondaryActive": "#985277",
  "borderRadiusButton": "50px",
  "buttonGroupStacked": true,
  "colorBorderDocTypeButton": "#5c374c",
  "colorBorderDocTypeButtonHover": "#f67e7d",
  "colorBorderDocTypeButtonActive": "#843b62",
  "colorBackgroundIcon": "#ffd2d2",
  "colorBorderLinkUnderline": "#b23a48",
  "colorContentLinkTextHover": "#5c374c",
  "colorBackgroundLinkHover": "rgba(255 238 170 / 92%)",
  "colorBackgroundLinkActive": "#b23a48",
  "colorBackgroundInfoPill": "#ffb997",
  "colorContentInfoPill": "#333",
  "colorBackgroundButtonIconHover": "rgb(255 238 170 / 92%)",
  "colorBackgroundButtonIconActive": "#ffb997",
  "colorBackgroundButtonCameraHover": "#f67e7d",
  "colorBackgroundButtonCameraActive": "#843b62"
}