Draft: PoC: Add an example illustrations

⚠️⚠️⚠️ THIS IS A PROOF OF CONCEPT ⚠️⚠️⚠️

What does this MR do and why?

It shows how we can adjust our illustrations to different themes.

The theme provides a few color variables for the sidebar. I mix the top sidebar color with the background color and change H, S or L to get adjusted to the them color.

Plan

1. Move sidebar color to the theme element
2. Inline illustrations on the page
3. Add class name to each illustration
4. Define color variables for this class name using theme colors
5. Use color variables in illustrations
6. Write documentation
7. Add information about colors to svg library MR template

Screenshots or screen recordings

How to set up and validate locally

1. Run storybook

• yarn run storybook:install
• yarn run storybook:start

2. Open http://localhost:9002/?path=/story/themes-theme-test--default

#452231 (closed)