Update to Material 3 and Dynamic Colors

[Jonuji]

Description of the issue

Plan to make the UI more matching to newer apps

Steps to reproduce

It should be considered updating the material Design to the newest (Material 3 / Material You) and also implement the new more modern UI Features and Colors. For example adding more round corners to components and make everything more easy to read and modern.

It should be considered updating:

• Color & Themes: Better light/dark mode and dynamic colors
• Typography: Change Size and Readability
• Components: Replace Legacy Components with newer ones/M3 Versions
• Shapes & Corners: Apply updated rounded shapes across UI elements
• Iconography: Make the Icons more consistent and their colors (currently weird looking sometimes)
• Layout: Better Spacing and and alignment. Especially Folder/Devices/Status Tabs

Example what it could possible look like, updated slightly:

I know there’s currently a process underway to transfer the project and handle related tasks, but this could be a useful improvement for future updates to the app.

Also as I'm not a android app developer, I'm not able to provide a PR. If so I would need to use almost only AI and I'm not willing to do that on a project like such one. I could look into it, but this would take a while. But considering it if needed or no one else can work on such a issue.

Even with everything in mind, I hope this issue is valid and worth considering. If not, you are free to close this Issue!

App version

Any

App install source - see wiki for details on release channels

GitHub or F-Droid release build

Android version

Any

ROM vendor

Any

Device manufacturer

No response

Device model

No response

Device platform info (optional)

Android log (logcat)

[researchxxl]

the pics look really nice.. how'd you get them??

[Jonuji]

As I mentioned earlier I'm not willing to add ONLY AI code whithout really approve everything, but I made this preview with some knowledge of design and then telling AI what todo and some tweaks afterwards..

I could create a fork for you to look through it, but it's simply just not "my own" work.

Also there are some UI Bugs that would need some fixing, still it probably would be fully functional.

[febryanvaldo]

the pics look really nice.. how'd you get them??

We are living in age of AI right now, as long as you have access to it, it's pretty easy to customize the UI/UX, tweak some more things, etc.

[researchxxl]

a pull request even if partly made by ai and reviewed by a human would be much appreciated :))

[dbhavsar76]

Hey, I would like to try this out. But I'm not sure how to go about it.

The material dependencies are already there and compose is also there. Only the LicenseActivity is built with material ui components with compose.

My question is are we thinking on moving everything to kotlin and compose? or sticking with xml based views? I'm not an Android native dev, but I have some knowledge of it and have some experience in react native.

In any case, let me know the direction. Meanwhile I will checkout everything and try to pick a screen to convert to material design. Starting point suggestion is also welcome.

[researchxxl]

well with focus on syncthing lite i would welcome a slow ongoing migration to kotlin.. then both apps may be able to share to best of them in the future and emerge to one tool with all the functionality