Customization#

The White Label can be customized to better fit the look and feel of the context in which it is integrated. Amadeus Discover offers multiple customization levels depending on your needs.

Color Palette#

The first level of customization can be obtained by providing Discover the colors of your palette, those will be configured via Discover’s Channel Interface and be reflected in your channels.

In order to have this customization, please provide to your Implementation Manager the hexadecimal color code for your:

  • Primary Color

  • Secondary Color

  • Primary Text Color

  • Secondary Text Color

Hero Image#

On top of that, you can provide the Hero Image that will be displayed in the Welcome view.

In order to have this customization, please provide to your Implementation Manager the desired image in .PNG, .WEBP or .JPG format, at least 2000x1200 pixels.

Advanced: CSS Variables Override#

For a more expansive customization, it is also possible to declare overrides of the White Label Widget CSS variables. Here is an example of theme customization with all the customizable properties.

These overrides must be applied by Discover via App Configuration.

:root {
  --discover-font-family: Sevillana;
  --discover-font-bold-family: Sevillana;
  --discover-font-size: 16px;
  --discover-text-color: #919191;
  --discover-font-weight: 400;
  --discover-font-semi-bold-weight: 600;
  --discover-font-bold-weight: 700;
  --discover-card-box-shadow: 0 4px 20px 0 #eeeeee;
  --discover-card-border-radius: 16px;
  --discover-card-border: 1px solid #000;
  --discover-card-border-focused: 1px solid #000;
  --discover-card-hover-box-shadow: 0 4px 20px 0 #eeeeee;
  --discover-card-hover-transform: transform: translate(-20px);
  --discover-button-border-radius: 16px;
  --discover-button-box-shadow: 0 4px 20px 0 #eeeeee;
  --discover-button-horizontal-padding: 32px;
  --discover-stars-rating-color: #7c2b1d;
}

Please provide the desired values to your Implementation Manager or request Discover to perform the customization for you.