How to Modify FlutterFire UI Accent Colour

Issue

I’ve been struggling with attempting to modify the accent colour in FlutterFire UI.

Namely, I’d like to change the blue accent colour here to a different material colour, such as purple. I’ve messed around with the app theming to no avail, as none of the ThemeData parameters seem to influence this colour so far. I was wondering if this was possible? Thanks!

Solution

I ended up finding the answer to my own question. Turns out the theming is part of the colour scheme property, and I ended up defining the following:

colorScheme: ColorScheme.fromSwatch().copyWith(
    primary: Colors.deepPurpleAccent
)

This set them all to deepPurpleAccent!

Answered By – Garv Shah

Answer Checked By – Robin (FlutterFixes Admin)

Leave a Reply

Your email address will not be published. Required fields are marked *