Add new design

[github-actions[bot]]

Pull request auto-reviewer

• Think about code testing.

• Think about moving code to core/. What code will also be useful on other platforms?

• Think about HTML semantics.

• Think about accessibility. Check a11y recommendations. Think about how screen reader users will use the tool. Is it easy to use on a screen with bad contrast?

• The UI was checked in Chrome and Firefox (and Safari or Epiphany if you have them).

• Since you’ve made changes to files in web/main/ consider these points:

  1. Do you need to backport styles changes to web/public/404.html or web/public/500.html?
  2. Think about app loading styles inlined in index.html.

• Think about making types more precise. Can you better explain data relations by type?

[pshergie]

Check a11y recommendations

Maybe you can turn it into a link to the recommendations? https://www.a11yproject.com/checklist

[ai]

The general a11y are too long and often irrelevant.

I specified what I am asking here: 9313f18

[github-actions[bot]]

Pull request auto-reviewer

• Think about moving code to core/. What code will also be useful on other platforms?
• Think about HTML semantics.
• Think about accessibility. Try to search for a11y recommendations for your case. Think about how screen reader users will use the tool. Is it easy to use on a screen with bad contrast?