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.outline-variant
Added Audience: 3P · Contrast: High contrast · Platform: Android · Theme: Dark
- Color
- Outline Variant
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(202, 196, 208, 1) |
md.sys.color.outline-variant
Added Audience: 3P · Contrast: Medium contrast · Platform: Web · Theme: Light
- Color
- Outline Variant
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(121, 116, 126, 1) |
md.sys.color.outline-variant
Added Audience: 1P Baseline · Contrast: Default · Platform: Android · Theme: Dark
- Color
- Outline Variant
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(68, 71, 70, 1) |
md.sys.color.outline-variant
Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: iOS · Theme: Dark
- Color
- Outline Variant
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(142, 145, 143, 1) |
md.sys.color.outline-variant
Added Audience: 1P Baseline · Contrast: High contrast · Platform: Android · Theme: Light
- Color
- Outline Variant
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(68, 71, 70, 1) |
md.sys.color.outline-variant
Added Audience: 3P · Contrast: Default · Platform: Web · Theme: Dark
- Color
- Outline Variant
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(73, 69, 79, 1) |
md.sys.color.outline-variant
Added Audience: 3P · Contrast: Medium contrast · Platform: Compose · Theme: Dark
- Color
- Outline Variant
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(147, 143, 153, 1) |
md.sys.color.outline-variant
Added Audience: 3P · Contrast: High contrast · Platform: Compose · Theme: Light
- Color
- Outline Variant
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(73, 69, 79, 1) |
md.sys.color.outline-variant
Added Audience: 3P · Contrast: Medium contrast · Platform: Android · Theme: Dark
- Color
- Outline Variant
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(147, 143, 153, 1) |
md.sys.color.outline-variant
Added Audience: 3P · Contrast: Default · Platform: iOS
- Color
- Outline Variant
| Property | Previous value | New value |
|---|---|---|
| Value | — | Not resolved |
md.sys.color.outline-variant
Added Audience: 1P Baseline · Contrast: Default · Platform: Compose · Theme: Light
- Color
- Outline Variant
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(196, 199, 197, 1) |
md.sys.color.primary-container
Added Audience: 1P Baseline · Contrast: High contrast · Platform: Android · Theme: Light
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(8, 66, 160, 1) |
md.sys.color.primary-container
Added Audience: 3P · Contrast: High contrast · Platform: Web · Theme: Light
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(79, 55, 139, 1) |
md.sys.color.primary-container
Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: Android · Theme: Light
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(11, 87, 208, 1) |
md.sys.color.primary-container
Added Audience: 3P · Contrast: Default · Platform: Android · Theme: Dark
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(79, 55, 139, 1) |
md.sys.color.primary-container
Added Audience: 3P · Contrast: High contrast · Platform: Android · Theme: Light
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(79, 55, 139, 1) |
md.sys.color.primary-container
Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: Web · Theme: Light
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(11, 87, 208, 1) |
md.sys.color.primary-container
Added Audience: 1P Baseline · Contrast: Default · Platform: iOS · Theme: Light
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(211, 227, 253, 1) |
md.sys.color.primary-container
Added Audience: 3P · Contrast: Default · Platform: iOS
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Value | — | Not resolved |
md.sys.color.primary-container
Added Audience: 1P Baseline · Contrast: High contrast · Platform: Web · Theme: Light
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(8, 66, 160, 1) |
md.sys.color.primary-container
Added Contrast: High contrast · Platform: iOS · Theme: Light
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Value | — | Not resolved |
md.sys.color.primary-container
Added Audience: 3P · Contrast: Default · Platform: Android · Theme: Light
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(234, 221, 255, 1) |
md.sys.color.primary-container
Added Audience: 1P Baseline · Contrast: High contrast · Platform: Android · Theme: Dark
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(168, 199, 250, 1) |
md.sys.color.primary-container
Added Audience: 3P · Contrast: Default · Platform: Compose · Theme: Dark
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(79, 55, 139, 1) |
md.sys.color.primary-container
Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: Web · Theme: Dark
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(76, 141, 246, 1) |
md.sys.color.primary-container
Added Audience: 1P Baseline · Contrast: Default · Platform: iOS · Theme: Dark
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(8, 66, 160, 1) |
md.sys.color.primary-container
Added Audience: 3P · Contrast: High contrast · Platform: Android · Theme: Dark
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(208, 188, 255, 1) |
md.sys.color.primary-container
Added Audience: 1P Baseline · Contrast: Default · Platform: Android · Theme: Light
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(211, 227, 253, 1) |
md.sys.color.primary-container
Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: Android · Theme: Dark
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(76, 141, 246, 1) |
md.sys.color.primary-container
Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: Compose · Theme: Dark
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(76, 141, 246, 1) |
md.sys.color.primary-container
Added Audience: 1P Baseline · Contrast: Default · Platform: Compose · Theme: Dark
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(8, 66, 160, 1) |
md.sys.color.primary-container
Added Audience: 3P · Contrast: High contrast · Platform: Compose · Theme: Dark
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(208, 188, 255, 1) |
md.sys.color.primary-container
Added Audience: 3P · Contrast: Medium contrast · Platform: Web · Theme: Light
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(103, 80, 164, 1) |
md.sys.color.primary-container
Added Audience: 3P · Contrast: Default · Platform: Compose · Theme: Light
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(234, 221, 255, 1) |
md.sys.color.primary-container
Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: iOS · Theme: Dark
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(76, 141, 246, 1) |
md.sys.color.primary-container
Added Audience: 3P · Contrast: Medium contrast · Platform: Android · Theme: Dark
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(154, 130, 219, 1) |
md.sys.color.primary-container
Added Audience: 3P · Contrast: Default · Platform: Web · Theme: Light
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(234, 221, 255, 1) |
md.sys.color.primary-container
Added Audience: 3P · Contrast: Medium contrast · Platform: Web · Theme: Dark
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(154, 130, 219, 1) |
md.sys.color.primary-container
Added Audience: 3P · Contrast: High contrast · Platform: iOS · Theme: Dark
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Value | — | Not resolved |
md.sys.color.primary-container
Added Audience: 3P · Contrast: Default · Platform: Web · Theme: Dark
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(79, 55, 139, 1) |
md.sys.color.primary-container
Added Audience: 1P Baseline · Contrast: High contrast · Platform: iOS · Theme: Dark · iOS dark theme elevation: Elevated
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Value | — | Not resolved |
md.sys.color.primary-container
Added Audience: 3P · Contrast: Medium contrast · Platform: Compose · Theme: Light
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(103, 80, 164, 1) |
md.sys.color.primary-container
Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: iOS · Theme: Light
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(11, 87, 208, 1) |
md.sys.color.primary-container
Added Audience: 3P · Contrast: Medium contrast · Platform: iOS
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Value | — | Not resolved |
md.sys.color.primary-container
Added Audience: 1P Baseline · Contrast: High contrast · Platform: Web · Theme: Dark
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(168, 199, 250, 1) |
md.sys.color.primary-container
Added Audience: 1P Baseline · Contrast: High contrast · Platform: iOS · Theme: Dark · iOS dark theme elevation: None
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Value | — | Not resolved |
md.sys.color.primary-container
Added Audience: 1P Baseline · Contrast: High contrast · Platform: Compose · Theme: Light
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(8, 66, 160, 1) |
md.sys.color.primary-container
Added Audience: 1P Baseline · Contrast: Default · Platform: Android · Theme: Dark
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(8, 66, 160, 1) |
md.sys.color.primary-container
Added Audience: 1P Baseline · Contrast: Medium contrast · Platform: Compose · Theme: Light
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(11, 87, 208, 1) |
md.sys.color.primary-container
Added Audience: 1P Baseline · Contrast: High contrast · Platform: Compose · Theme: Dark
- Color
- Primary Container
| Property | Previous value | New value |
|---|---|---|
| Color | — | rgba(168, 199, 250, 1) |