Skip to content

[List] Inconsistent colors while using dark mode #5046

@patrickfrei

Description

@patrickfrei

Description:

  • When using a List the M3 Expressive way and dark mode is switched-off, the segemented list items get a brighter color than the background. This is consistent across the M3 Catalog app and various Google apps (Android API 36 & 37).
  • When switching to dark mode (using Theme.Material3Expressive.Dark), the Google apps (Android API 36 & 37) do also consistently use a brighter color for the segemented list items than the background. However, the M3 Catalog app (and apps built with the same concept) shows it the other way round. It applies a darker color to the list items than to the background.

Expected behavior:
To me it seems as if the colors (list items vs background) are inconsistently applied to the M3 Catalog app List examples and apps that are build with M3 Expressive in case the dark mode is used on a phone.

Here are some samples when the dark mode is switched-off:
a) M3 Catalog app:
Image

b) Google Contacts app:
Image

Here are some examples when using the phone's dark mode:
a) M3 Catalog app:
Image

b) Google Contacts app:
Image

c) Google Phone app:
Image

d) Google Settings:
Image

Android API version: Android API 36 & 37

Material Library version: material:1.14.0-alpha10

Device: Google Pixel 7, 9 & 10

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions