Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bug(material): the background mismatch the selected theme #30651

Closed
1 task
its-dibo opened this issue Mar 19, 2025 · 0 comments
Closed
1 task

bug(material): the background mismatch the selected theme #30651

its-dibo opened this issue Mar 19, 2025 · 0 comments
Labels
needs triage This issue needs to be triaged by the team

Comments

@its-dibo
Copy link

Is this a regression?

  • Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

mat-horizontal-stepper background is hardcoded set to a white color, which prevents dynamically changing the background color in the dark theme
the same for other components such as Cards

here is a screenshot of a field input inside a horizontal stepper form in the Dark theme
the font color and the label's color are white, while the background color of the field is black
the background color for the stepper should also be black
Image

there is a white label in the dark theme, and the background should be switched to black

the only workaround here is to listen to the changing theme event and manually override the background color for the dark theme for every single component used in the app

Reproduction

StackBlitz link:
Steps to reproduce:
1.
2.

Expected Behavior

the background colo should match the selected theme

Actual Behavior

the background color is fixed

Environment

  • Angular: 19
  • CDK/Material: 19
  • Browser(s): chrome
  • Operating System (e.g. Windows, macOS, Ubuntu): Ubuntu
@its-dibo its-dibo added the needs triage This issue needs to be triaged by the team label Mar 19, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
needs triage This issue needs to be triaged by the team
Projects
None yet
Development

No branches or pull requests

1 participant