Material Design 3 "Color" token changes
Dates show when we detected changes, not when Material published them.
2249 added · 0 updated · 0 removed. One token can have changes in several settings.
Observed
md.sys.color.error-container
Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: iOS · Theme: Light
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(179, 38, 30, 1) |
md.sys.color.error-container
Added Audience: 3P · Contrast: Default · Platform: Compose · Theme: Light
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(249, 222, 220, 1) |
md.sys.color.error-container
Added Audience: 3P · Contrast: Medium contrast · Platform: Android · Theme: Light
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(179, 38, 30, 1) |
md.sys.color.error-container
Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: Web · Theme: Light
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(179, 38, 30, 1) |
md.sys.color.error-container
Added Audience: 3P · Contrast: Default · Platform: Web · Theme: Light
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(249, 222, 220, 1) |
md.sys.color.error-container
Added Audience: 1P Baseline · Contrast: High contrast · Platform: Web · Theme: Dark
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(242, 184, 181, 1) |
md.sys.color.error-container
Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: Compose · Theme: Light
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(179, 38, 30, 1) |
md.sys.color.error-container
Added Audience: 1P Baseline · Contrast: Default · Platform: Android · Theme: Light
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(249, 222, 220, 1) |
md.sys.color.error-container
Added Audience: 3P · Contrast: High contrast · Platform: Web · Theme: Dark
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(242, 184, 181, 1) |
md.sys.color.error-container
Added Audience: 1P Baseline · Contrast: High contrast · Platform: Compose · Theme: Light
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(140, 29, 24, 1) |
md.sys.color.error-container
Added Audience: 1P Baseline · Contrast: Default · Platform: Compose · Theme: Light
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(249, 222, 220, 1) |
md.sys.color.error-container
Added Audience: 3P · Contrast: High contrast · Platform: Android · Theme: Light
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(140, 29, 24, 1) |
md.sys.color.error-container
Added Audience: 3P · Contrast: Default · Platform: Android · Theme: Light
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(249, 222, 220, 1) |
md.sys.color.error-container
Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: iOS · Theme: Dark
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(228, 105, 98, 1) |
md.sys.color.error-container
Added Audience: 1P Baseline · Contrast: Default · Platform: Web · Theme: Dark
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(140, 29, 24, 1) |
md.sys.color.error-container
Added Audience: 1P Baseline · Contrast: High contrast · Platform: iOS · Theme: Dark · iOS dark theme elevation: Elevated
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Value | — | Not resolved |
md.sys.color.error-container
Added Audience: 3P · Contrast: High contrast · Platform: Compose · Theme: Dark
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(242, 184, 181, 1) |
md.sys.color.error-container
Added Audience: 1P Baseline · Contrast: Default · Platform: iOS · Theme: Dark
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(140, 29, 24, 1) |
md.sys.color.error-container
Added Audience: 3P · Contrast: High contrast · Platform: iOS · Theme: Dark
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Value | — | Not resolved |
md.sys.color.error-container
Added Audience: 3P · Contrast: Medium contrast · Platform: Android · Theme: Dark
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(228, 105, 98, 1) |
md.sys.color.error-container
Added Audience: 1P Baseline · Contrast: Default · Platform: Android · Theme: Dark
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(140, 29, 24, 1) |
md.sys.color.error-container
Added Audience: 3P · Contrast: High contrast · Platform: Android · Theme: Dark
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(242, 184, 181, 1) |
md.sys.color.error-container
Added Audience: 3P · Contrast: Medium contrast · Platform: Web · Theme: Dark
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(228, 105, 98, 1) |
md.sys.color.error-container
Added Audience: 3P · Contrast: Medium contrast · Platform: iOS
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Value | — | Not resolved |
md.sys.color.error-container
Added Audience: 3P · Contrast: Default · Platform: Compose · Theme: Dark
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(140, 29, 24, 1) |
md.sys.color.error-container
Added Audience: 3P · Contrast: High contrast · Platform: Compose · Theme: Light
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(140, 29, 24, 1) |
md.sys.color.error-container
Added Audience: 3P · Contrast: Default · Platform: iOS
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Value | — | Not resolved |
md.sys.color.error-container
Added Audience: 1P Baseline · Contrast: Default · Platform: iOS · Theme: Light
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(249, 222, 220, 1) |
md.sys.color.error-container
Added Audience: 1P Baseline · Contrast: Default · Platform: Web · Theme: Light
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(249, 222, 220, 1) |
md.sys.color.error-container
Added Audience: 1P Baseline · Contrast: High contrast · Platform: Android · Theme: Dark
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(242, 184, 181, 1) |
md.sys.color.error-container
Added Audience: 1P Baseline · Contrast: High contrast · Platform: Web · Theme: Light
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(140, 29, 24, 1) |
md.sys.color.error-container
Added Audience: 3P · Contrast: Medium contrast · Platform: Compose · Theme: Dark
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(228, 105, 98, 1) |
md.sys.color.error-container
Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: Compose · Theme: Dark
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(228, 105, 98, 1) |
md.sys.color.error-container
Added Contrast: High contrast · Platform: iOS · Theme: Light
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Value | — | Not resolved |
md.sys.color.error-container
Added Audience: 3P · Contrast: Medium contrast · Platform: Compose · Theme: Light
- Color
- Error Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(179, 38, 30, 1) |
md.sys.color.inverse-on-surface
Added Audience: 3P · Contrast: High contrast · Platform: Web · Theme: Light
- Color
- Inverse On Surface
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(255, 255, 255, 1) |
md.sys.color.inverse-on-surface
Added Audience: 3P · Contrast: Medium contrast · Platform: Android · Theme: Dark
- Color
- Inverse On Surface
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(29, 27, 32, 1) |
md.sys.color.inverse-on-surface
Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: iOS · Theme: Light
- Color
- Inverse On Surface
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(255, 255, 255, 1) |
md.sys.color.inverse-on-surface
Added Audience: 1P Baseline · Contrast: Default · Platform: Compose · Theme: Dark
- Color
- Inverse On Surface
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(48, 48, 48, 1) |
md.sys.color.inverse-on-surface
Added Audience: 3P · Contrast: Medium contrast · Platform: Android · Theme: Light
- Color
- Inverse On Surface
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(255, 255, 255, 1) |
md.sys.color.inverse-on-surface
Added Audience: 1P Baseline · Contrast: Default · Platform: Web · Theme: Dark
- Color
- Inverse On Surface
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(48, 48, 48, 1) |
md.sys.color.inverse-on-surface
Added Audience: 1P Baseline · Contrast: High contrast · Platform: iOS · Theme: Dark · iOS dark theme elevation: Elevated
- Color
- Inverse On Surface
| Property | Previous value | New value |
|---|---|---|
| Value | — | Not resolved |
md.sys.color.inverse-on-surface
Added Audience: 1P Baseline · Contrast: Default · Platform: Android · Theme: Light
- Color
- Inverse On Surface
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(242, 242, 242, 1) |
md.sys.color.inverse-on-surface
Added Audience: 3P · Contrast: High contrast · Platform: Android · Theme: Dark
- Color
- Inverse On Surface
| Property | Previous value | New value |
|---|---|---|
| Color · Alpha | — | 1 |
md.sys.color.inverse-on-surface
Added Audience: 1P Baseline · Contrast: Default · Platform: Web · Theme: Light
- Color
- Inverse On Surface
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(242, 242, 242, 1) |
md.sys.color.inverse-on-surface
Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: iOS · Theme: Dark
- Color
- Inverse On Surface
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(31, 31, 31, 1) |
md.sys.color.inverse-on-surface
Added Audience: 1P Baseline · Contrast: High contrast · Platform: Web · Theme: Dark
- Color
- Inverse On Surface
| Property | Previous value | New value |
|---|---|---|
| Color · Alpha | — | 1 |
md.sys.color.inverse-on-surface
Added Audience: 3P · Contrast: Medium contrast · Platform: Compose · Theme: Light
- Color
- Inverse On Surface
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(255, 255, 255, 1) |
md.sys.color.inverse-on-surface
Added Audience: 3P · Contrast: High contrast · Platform: Web · Theme: Dark
- Color
- Inverse On Surface
| Property | Previous value | New value |
|---|---|---|
| Color · Alpha | — | 1 |
md.sys.color.inverse-on-surface
Added Audience: 3P · Contrast: High contrast · Platform: Android · Theme: Light
- Color
- Inverse On Surface
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(255, 255, 255, 1) |