Inconsistencies in the design of built-in apps

[erikinkinen]

Almost every app has a different-coloured background which fails to give the impression of consistent design.

Environment

• Desktop Linux
• Desktop Mac
• Device

To Reproduce
Steps to reproduce the behavior:

1. Open a lot of built-in apps.
2. Look at them
3. Notice the inconsistencies I described.

Expected behavior
Every app should have a similar design with for example a white background.

Additional context
The backgrounds are probably the most prominent inconsistency but there might be other ones as well hidden behind the prominence of the backgrounds.

[fabricedesre]

Right... I've been looking at re-using an existing set of UI components to have a better consistency (and quality!). I think Shoelace could be a good option since shoelace-style/shoelace#571 is closed.

I have a WIP branch for the First Time Use app where I'm testing it. Hopefully will be ready in the coming weeks, and based on how this goes we could migrate other apps too.

[erikinkinen]

@fabricedesre
I started migrating settings to shoelace.
#22 is a draft PR where you can take a look at the work I've done already. I also attach the mock-ups I sent in the chat here.