Page Comparison

...

export const configTheme = {
  plk: {
    default: 'orange',
    purple: {},
    orange: {
      backgroundHero: theme.token('background-hero-orange'),
      isSplit: false,
      backgroundSplit: theme.token('background-default'),
    },
  },
  bk: {
    brown: {},
    red: {},
    green: {},
    orange: {},
    yellow: {},
  },
  fhs: {
    red: {},
    yellow: {},
  },
};

• TASK 10—Send the theme on to hero component

  • path: intl-whitelabel-app/workspaces/frontend/src/components/features/components/hero/hero-container.tsx

  • Update the ctg-component-library version

  • Use the method created to generate the theme by Brand and add on hero component

    Code Block
    language typescript
    <Hero ... backgroundHero={backgroundHero} isSplit={true} backgroundSplit={backgroundSplit} />

...