Improve Lawnchair Documentation v3

[validcube]

Description

Improve even more documentation!!

Remove unused prebuilt jars!!!

• Add new device mockups (the old one is not actually usable due to copyright)

• Sanity check by someone not me!!!

Type of change

✅ General change (non-breaking change that doesn't fit the below categories like copyediting)
❌ Bug fix (non-breaking change which fixes an issue)
❌ New feature (non-breaking change which adds functionality)
❌ Breaking change (fix or feature that would cause existing functionality to not work as expected)

[MrSluffy]

since this is still a draft, please don' t remove the jars, as it's for reference if there's an issue in lower version. Thanks!

[validcube]

since this is still a draft, please don' t remove the jars, as it's for reference if there's an issue in lower version. Thanks!

Done:tm: (by @JovannMC)

[SuperDragonXD]

Thanks for the PR. I’ve requested some minor formatting changes to make things more consistent.

Regarding the CSS files, could you provide a valid usecase for this? I think a document containing hex codes, especially for the source color, would be more useful.

[validcube]

Thanks for the PR. I’ve requested some minor formatting changes to make things more consistent.

Regarding the CSS files, could you provide a valid usecase for this? I think a document containing hex codes, especially for the source color, would be more useful.

The CSS files, this is awkward, I'm sure not why this was exactly added, but I was debating myself wherever to include hex code or a CSS file instead.

At the time, I went with including CSS file exported from Figma using the Google Material Design 3 Plugin to ensures exact colour scheme when designing visual.

If you find hex code more useful, let's me know!

[SuperDragonXD]

I think a hex code for Lawnchair’s source color will be more useful. We can always provide a link to the Material 3 Theme Builder if needed.

Here’s an example description you can improve upon; just replace the XXXXXX with Lawnchair's source color:

All assets created should use Material 3 design with `#XXXXXX` as source color and the [Inter](https://fonts.google.com/specimen/Inter) ([OFL v1.1](https://github.com/rsms/inter/?tab=OFL-1.1-1-ov-file#readme)) typography. Visit the [Material 3 theme builder](http://material-foundation.github.io?primary=%XXXXXX00&bodyFont=Inter&displayFont=Inter&colorMatch=false) for more information.