Backstage: TechDocs: Documentation Header

[emmaindal]

The header for documentation currently use the standard "home" color.

We would like to change this to a specific color to use for documentation.

• Add new gradient to the page theme provider from Figma sketch.
• Use new gradient for documentation.
• Use the page component with the new page theme type in TechDocsPageWrapper.
• Add new documentation header example to Storybook. in Header.stories.tsx

[twishasaraiya]

Hi @emmaindal, I would like to take this up.

[emmaindal]

Great @twishasaraiya 😄 I'll assign it to you, just let us know if you have any questions! 🎉

[twishasaraiya]

Hi @emmaindal, can you please confirm if I have picked correct shades

{
    colors: ['#C8077A', '#C8077A'],
    waveColor: '#262425',
    opacity: ['0', '0.8'],
  }

[emmaindal]

Hi @emmaindal, can you please confirm if I have picked correct shades

{
    colors: ['#C8077A', '#C8077A'],
    waveColor: '#262425',
    opacity: ['0', '0.8'],
  }

@twishasaraiya I adjusted them a little bit, will update the sketch. Lets use the following 😄

{
    colors: ['#C8077A', '#C2297D'],
    waveColor: '#ea93c3',
    opacity: ['0.8', '0.0'],
},

[twishasaraiya]

Thanks for that @emmaindal. I have made the changes.