💅🏾 Material You implementation!

[ElyasAsmad]

Material You implementation

Description

Overhauled Home Screen design and implemented Material You across all screens inside the app

Refer #30

Type of Change

• Home Screen redesign.
• Material You implementation based on Google's Material Design 3 principle.

Update Preview

https://user-images.githubusercontent.com/78308067/198932000-15604553-33cb-4906-a3ea-2623e4fcc3d4.mp4

More Information

Device: OnePlus 9 (LE2115) OS: OxygenOS 12 (Android 12) App Version: 1.0.3

Tested by me and @HaikalAkif

Side Note

I had a lot of free time last weekend and tried to redesign the User Interface of this app

[iqfareez]

Cantiknyaa😍

Can't wait to test this out and merge this germ.

[iqfareez]

Hi. May I ask which Flutter channel you are on? Because in stable, some changes in material_color_utilities are not available yet.

Edit: nvm, got it works in beta.

Also I've been wondering how do you generate the color_schemes.g.dart file?

[iqfareez]

One minor issue though, the cards in validator page is dark when device in light mode.

[ElyasAsmad]

Looks good. Thank you.

I'm happy to contribute to your project and to the IIUM Community!

Also I've been wondering how do you generate the color_schemes.g.dart file?

I generated the color_schemes file using Google's online version of their Material Theme Builder. Anyways, I am still finding ways on how to use the user's current theme instead of choosing only one color for the Material 3 theme version of the app.

[ElyasAsmad]

For the Material You implementation, I have successfully configure the app to use user's dynamic colour palette instead of using the hardcoded colour!

Refer https://github.com/iqfareez/iium_schedule/commit/e64a13c2924e66bc5cab8b32b96fac887f96b05d