UI Customization

With the new version, you will be able to customize the UI of the SDK and use your own brand colors, font types, and header banner. So, you can increase your users' experience.

const styleConfig: AppsPrizeStyleConfig = {
    // (Optional) primaryColor: The primary color used for UI customization. Set primary color to red.
    primaryColor: "#FF0000",

    // (Optional) secondaryColor: The secondary color used for UI customization. Set secondary color to blue.
    secondaryColor: "#0000FF",

    // (Optional) highlightColor: The secondary color used for UI customization. Set highlight color to blue.
    highlightColor: "#0000FF",
  
    // (Optional): Specific feature highlight color used for UI customization.
    promotionHighlightColor: "#00FFFF",

    cashbackHighlightColor: "#00FFFF",

    secondChanceHighlightColor: "#00FFFF",

    commonTaskHighlightColor: "#00FFFF",

    epicTaskHighlightColor: "#00FFFF",

    legendaryTaskHighlightColor: "#00FFFF",

    // (Optional) typeface: The typeface used for UI customization. Set typeface to an assets path.
    typeface: "path/to/typeface.ttf",

    // (Optional) bannerDrawable: The drawable used for the header banner.
    // Set banner drawable to a specific drawable resource. (name of the resource)
    bannerDrawable: "header_banner",

    // (Optional) offersTitleText: Text for the offers page title and navigation. Set offers title text.
    offersTitleText: "Offers",

    // (Optional) appsTitleText: Text for the apps page title and navigation. Set apps title text.
    appsTitleText: "Apps",

    // (Optional) currencyIcon: The drawable is used as the currency icon in the item CTA. Set currency icon drawable.
    currencyIcon: "path/to/currency_icon"
};