Skip to content

Zeta Button Style Not Updating on Theme and High Contrast Changes #417

@anamikamohod

Description

@anamikamohod

We have upgraded the Zeta Flutter version from 0.20.2 to 1.4.2. Currently, we are using Zeta theming only, with a custom theme added to support the purple color.

Theme Change Issue (Button Text Color)

In version 0.20.2, when switching the theme to dark mode, the ZetaButton text color automatically changed to white.
However, in version 1.4.2, this behavior no longer occurs—the button text color remains black even in dark mode.

Is there any configuration or recommended approach in Zeta 1.4.2 to restore this behavior?

High Contrast Issue (Rounded vs Sharp Edges)

In version 0.20.2, when high contrast mode was enabled, component edges became sharp. This behavior is not working in 1.4.2.

We have:

Configured the initialRounded property based on the contrast setting

Updated the rounded configuration using updateRounded() when the high-contrast switch is toggled

Observed Behavior with ZetaButton

When borderType is not specified, the button behaves correctly:

Rounded edges in normal mode

Sharp edges in high contrast mode

When borderType: ZetaWidgetBorder.full is specified:

The button remains rounded

The border does not change to sharp in high contrast mode

Is there a way to handle or configure this behavior so that the button border responds correctly to high contrast mode even when borderType: ZetaWidgetBorder.full is used?

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