Hi team, I took a look into this and it looks like if we remap the colors to M3 tokens, we can resolve this! :) We would need to make a few changes: modifying the page background, top app bar default state, top app bar selected state, text/icons default state, and text/icons selected state. The changes are the following: | Element | Current | Remap | |------------------------|-----------------------------------------|--------------------| | Page background | layer1 | Surface | | Default: Top app bar | layer1 | Surface | | Default: Text & icons | Text (textPrimary), Icons (iconPrimary) | On Surface | | Selected: Top app bar | layerAccent | Primary | | Selected: Text & icons | textInverted | Inverse on Surface | Here is a a Figma link for reference: [https://www.figma.com/design/n6pHx1rvt7iTMPzby250gL/M3-redesign-references?node-id=31-5676&t=atD1MW4RXK2CXMxp-1](https://www.figma.com/design/n6pHx1rvt7iTMPzby250gL/M3-redesign-references?node-id=31-5676&t=atD1MW4RXK2CXMxp-1) Let me know if you have any questions, thanks!
Bug 1960968 Comment 5 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
Hi team, I took a look into this and it looks like if we remap the colors to M3 tokens, we can resolve this! :) We would need to make a few changes: modifying the page background, top app bar default state, top app bar selected state, text/icons default state, and text/icons selected state. The changes are the following: | Element | Current | Remap | |------------------------|-----------------------------------------|--------------------| | Page background | layer1 | Surface | | Default: Top app bar | layer1 | Surface | | Default: Text & icons | Text (textPrimary), Icons (iconPrimary) | On Surface | | Selected: Top app bar | layerAccent | Primary | | Selected: Text & icons | textInverted | Inverse on Surface | Here is a reference to the M3 color mapping: [https://www.figma.com/design/MjufE1X5fvkxZ0YneX4kRd/Android-Library--2025-?m=auto&node-id=64745-6578&t=vye0HL84LXTUAYLb-1](https://www.figma.com/design/MjufE1X5fvkxZ0YneX4kRd/Android-Library--2025-?m=auto&node-id=64745-6578&t=vye0HL84LXTUAYLb-1) and a reference to the design: [https://www.figma.com/design/n6pHx1rvt7iTMPzby250gL/M3-redesign-references?node-id=31-5676&t=atD1MW4RXK2CXMxp-1](https://www.figma.com/design/n6pHx1rvt7iTMPzby250gL/M3-redesign-references?node-id=31-5676&t=atD1MW4RXK2CXMxp-1) Let me know if you have any questions, thanks!
Hi team, I took a look into this and it looks like if we remap the colors to M3 tokens, we can resolve this! :) We would need to make a few modifications to: page background, top app bar default state, top app bar selected state, text/icons default state, and text/icons selected state. The changes are the following: | Element | Current | Remap | |------------------------|-----------------------------------------|--------------------| | Page background | layer1 | Surface | | Default: Top app bar | layer1 | Surface | | Default: Text & icons | Text (textPrimary), Icons (iconPrimary) | On Surface | | Selected: Top app bar | layerAccent | Primary | | Selected: Text & icons | textInverted | Inverse on Surface | Here is a reference to the M3 color mapping: [https://www.figma.com/design/MjufE1X5fvkxZ0YneX4kRd/Android-Library--2025-?m=auto&node-id=64745-6578&t=vye0HL84LXTUAYLb-1](https://www.figma.com/design/MjufE1X5fvkxZ0YneX4kRd/Android-Library--2025-?m=auto&node-id=64745-6578&t=vye0HL84LXTUAYLb-1) and a reference to the design: [https://www.figma.com/design/n6pHx1rvt7iTMPzby250gL/M3-redesign-references?node-id=31-5676&t=atD1MW4RXK2CXMxp-1](https://www.figma.com/design/n6pHx1rvt7iTMPzby250gL/M3-redesign-references?node-id=31-5676&t=atD1MW4RXK2CXMxp-1) Let me know if you have any questions, thanks!