Skip to content

Material 3 Colors Don't Match Set FlutterFlow Theme #39

@dannymeese

Description

@dannymeese

Can we access your project?

  • I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

To fix the color issue, all the FF team would need to do is change purple to the primaryColor from the theme (or uiColor, whatever they want to call this color in the FF theme), so that FF users can modify this UI color.

MaterialApp(
  title: appName,
  theme: ThemeData(
    // Define the default brightness and colors.
    colorScheme: ColorScheme.fromSeed(
      seedColor: Colors.**_purple_**,
      // ···
      brightness: Brightness.dark,
    ),

See flutter's own docs: https://docs.flutter.dev/cookbook/design/themes

Image Image Image

Expected Behavior

The Material 3 colors should match the colors set in the Flutterflow theme.

Steps to Reproduce

Use Datepicker, type in a field to see cursor, select text, or let icons use their default color, and you'll see it's stuck on Material 3's default purple color instead of the the FF theme colors.

Reproducible from Blank

  • The steps to reproduce above start from a blank project.

Bug Report Code (Required)

ITEezcrl8Yx2pb0D7c/yasBapwMwHVgjbJ0vpe5+dwsjCeOvELQufc6kbVVWcuqHfW9be1SYgkkG+Nbxk+PDNcInNT6BR7ZH/6l9UxDibEW6eL66Bc+gQkZRP/xVIUDFyLTQkRYlIrBtc1pn7V2UBd+ub3qCf9qOYwx5e6fDbOY=

Visual documentation

Image Image Image

Environment

- FlutterFlow version: All versions for the last year
- Platform: All platforms for the last year
- Browser name and version: All browsers and platforms for the last year
- Operating system and version affected: All platforms and OS's for the last year

Additional Information

All FF UI should reflect the color theme set in Flutterflow.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions