[Enhancement] Make it possible to change background color of page header/content

[flemcito]

Please add a short description of your enhancement request Currently the entire page background is light gray. We would like to be able to make it convenient to change the background color of the page header and content respectively.

Describe the solution you'd like This depends on #1480 The page content is rendered on top of the page, so effectively changing the page bg-color reflects as background color of the header. Not sure if the right solution is to provide a random hex color or limit it to certain theme colors.

Additional context Add any other context or screenshots about the feature request here.

Tasks

Kick Off:

• [x] Ensure the enhancement is UX refined and aligned with UX The component and/or enhancement should be published and available in the Kirby Styleguide on Zeplin
• [ ] Ensure the enhancement has been Tech refined with @kirbydesign/kirby-guild and this issue is updated with a clear implementation description
  This issue should be in the Ready to do column of the Kirby kan-ban board before starting implementation)
• [ ] Assign yourself to this issue and move it to the In progress column of the Kirby kan-ban board

Code:

• [ ] Create Feature Branch from master branch
• [ ] Create a draft implementation and push to Github
• [ ] Ask a member of @kirbydesign/kirby-guild for a WIP review by creating a draft Pull Request
• [ ] Implement unit tests
• [ ] Update Cookbook Examples and Showcase, i.e. see Radio
  Also remember to add any relevant new API documentation

Review:

• UX review:
  • [ ] Ensure implementation is correct in relation to the UX design and the Kirby Styleguide on Zeplin
  • [ ] With UX agree on the version of the implementation
• Code review:
  • [ ] Open a pull request (or mark the existing draft PR as Ready for review) and ask @kirbydesign/kirby-guild for a review
    Remember to add closes #issueno to the description of the PR.
  • [ ] Once approved, merge feature branch/PR to master
• [ ] Ask a member of @kirbydesign/kirby-guild to add a link to component showcase from Kirby Component Status and update the version number

:tada: Celebrate

[stale[bot]]

This issue has been automatically marked as stale because of no recent activity. It will be closed in 10 weeks if no further activity occurs. Thank you for your contributions.

[stale[bot]]

This issue has been automatically marked as stale because of no recent activity. It will be closed in 10 weeks if no further activity occurs. Thank you for your contributions.

[stale[bot]]

This issue has been closed due to inactivity. Please open a new issue if it becomes relevant again.