Material Expressive Brand Colors

How To Implement Brand Colors In Flutter Apps

So we have this problem where the design spec has improved and changed but due to expansion of things not in the Flutter SDK we are left with some problems to solve to make designing a Flutter app easy and fun again. For example, in HTC color spaces we have to create the brand colors differently and there is no way in the SDK colorScheme to do that easily.

So what we want is some brand colors coupled to the light or dark color scheme that will be accessible via themedata. And, its independent of whether we use dynamic color or not.

This is one of the hidden gems of working with cross-platform reactive SDKs. One can implement a mini-view-model API and business logic that becomes a fully functional design token design system.