{ "capturedAt": "2026-10-11T18:55:59.308489892Z", "kind": "style", "slug": "elevation", "name": "Elevation", "tokens": [ { "name": "md.ref.palette.primary20", "displayName": "Primary 20", "type": "COLOR", "values": [] }, { "name": "md.ref.palette.primary30", "displayName": "Primary 30", "type": "COLOR", "values": [] }, { "name": "md.ref.palette.primary40", "displayName": "Primary 40", "type": "COLOR", "values": [] }, { "name": "md.ref.palette.primary80", "displayName": "Primary 80", "type": "COLOR", "values": [] }, { "name": "md.ref.palette.primary90", "displayName": "Primary 90", "type": "COLOR", "values": [] }, { "name": "md.ref.palette.primary95", "displayName": "Primary 95", "type": "COLOR", "values": [] }, { "name": "md.sys.color.primary", "displayName": "Primary", "type": "COLOR", "values": [] }, { "name": "md.sys.elevation.level0", "displayName": "0", "type": "ELEVATION", "values": [ { "default": true, "value": { "elevation": { "unit": "DIPS" } } } ] }, { "name": "md.sys.elevation.level1", "displayName": "+1", "type": "ELEVATION", "values": [ { "default": true, "value": { "elevation": { "value": 1, "unit": "DIPS" } } } ] }, { "name": "md.sys.elevation.level2", "displayName": "+2", "type": "ELEVATION", "values": [ { "default": true, "value": { "elevation": { "value": 3, "unit": "DIPS" } } } ] }, { "name": "md.sys.elevation.level3", "displayName": "+3", "type": "ELEVATION", "values": [ { "default": true, "value": { "elevation": { "value": 6, "unit": "DIPS" } } } ] }, { "name": "md.sys.elevation.level4", "displayName": "+4", "type": "ELEVATION", "values": [ { "default": true, "value": { "elevation": { "value": 8, "unit": "DIPS" } } } ] }, { "name": "md.sys.elevation.level5", "displayName": "+5", "type": "ELEVATION", "values": [ { "default": true, "value": { "elevation": { "value": 12, "unit": "DIPS" } } } ] }, { "name": "md.sys.elevation.surface-tint-color", "displayName": "Surface tint color", "type": "COLOR", "values": [ { "context": [ "Theme: Light", "Platform: Android", "Audience: 1P Baseline", "Contrast: Default" ], "default": true, "value": { "color": { "red": 0.043137256, "green": 0.34117648, "blue": 0.8156863, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary40" } ] } ] }, { "context": [ "Platform: iOS", "Audience: 3P", "Contrast: Default" ], "value": { "undefined": true }, "references": [ { "name": "md.sys.color.primary" } ] }, { "context": [ "Platform: iOS", "Audience: 3P", "Contrast: Medium contrast" ], "value": { "undefined": true }, "references": [ { "name": "md.sys.color.primary" } ] }, { "context": [ "Theme: Dark", "Platform: Android", "Audience: 1P Baseline", "Contrast: Default" ], "value": { "color": { "red": 0.65882355, "green": 0.78039217, "blue": 0.98039216, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary80" } ] } ] }, { "context": [ "Theme: Dark", "Platform: Android", "Audience: 1P Baseline", "Contrast: High contrast" ], "value": { "color": { "red": 0.9254902, "green": 0.9529412, "blue": 0.99607843, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary95" } ] } ] }, { "context": [ "Theme: Dark", "Platform: Android", "Audience: 1P Baseline", "Contrast: Medium contrast" ], "value": { "color": { "red": 0.827451, "green": 0.8901961, "blue": 0.99215686, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary90" } ] } ] }, { "context": [ "Theme: Dark", "Platform: Android", "Audience: 3P", "Contrast: Default" ], "value": { "color": { "red": 0.8156863, "green": 0.7372549, "blue": 1, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary80" } ] } ] }, { "context": [ "Theme: Dark", "Platform: Android", "Audience: 3P", "Contrast: High contrast" ], "value": { "color": { "red": 0.9647059, "green": 0.92941177, "blue": 1, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary95" } ] } ] }, { "context": [ "Theme: Dark", "Platform: Android", "Audience: 3P", "Contrast: Medium contrast" ], "value": { "color": { "red": 0.91764706, "green": 0.8666667, "blue": 1, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary90" } ] } ] }, { "context": [ "Theme: Dark", "Platform: Compose", "Audience: 1P Baseline", "Contrast: Default" ], "value": { "color": { "red": 0.65882355, "green": 0.78039217, "blue": 0.98039216, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary80" } ] } ] }, { "context": [ "Theme: Dark", "Platform: Compose", "Audience: 1P Baseline", "Contrast: High contrast" ], "value": { "color": { "red": 0.9254902, "green": 0.9529412, "blue": 0.99607843, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary95" } ] } ] }, { "context": [ "Theme: Dark", "Platform: Compose", "Audience: 1P Baseline", "Contrast: Medium contrast" ], "value": { "color": { "red": 0.827451, "green": 0.8901961, "blue": 0.99215686, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary90" } ] } ] }, { "context": [ "Theme: Dark", "Platform: Compose", "Audience: 3P", "Contrast: Default" ], "value": { "color": { "red": 0.8156863, "green": 0.7372549, "blue": 1, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary80" } ] } ] }, { "context": [ "Theme: Dark", "Platform: Compose", "Audience: 3P", "Contrast: High contrast" ], "value": { "color": { "red": 0.9647059, "green": 0.92941177, "blue": 1, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary95" } ] } ] }, { "context": [ "Theme: Dark", "Platform: Compose", "Audience: 3P", "Contrast: Medium contrast" ], "value": { "color": { "red": 0.91764706, "green": 0.8666667, "blue": 1, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary90" } ] } ] }, { "context": [ "Theme: Dark", "Platform: Web", "Audience: 1P Baseline", "Contrast: Default" ], "value": { "color": { "red": 0.65882355, "green": 0.78039217, "blue": 0.98039216, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary80" } ] } ] }, { "context": [ "Theme: Dark", "Platform: Web", "Audience: 1P Baseline", "Contrast: High contrast" ], "value": { "color": { "red": 0.9254902, "green": 0.9529412, "blue": 0.99607843, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary95" } ] } ] }, { "context": [ "Theme: Dark", "Platform: Web", "Audience: 1P Baseline", "Contrast: Medium contrast" ], "value": { "color": { "red": 0.827451, "green": 0.8901961, "blue": 0.99215686, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary90" } ] } ] }, { "context": [ "Theme: Dark", "Platform: Web", "Audience: 3P", "Contrast: Default" ], "value": { "color": { "red": 0.8156863, "green": 0.7372549, "blue": 1, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary80" } ] } ] }, { "context": [ "Theme: Dark", "Platform: Web", "Audience: 3P", "Contrast: High contrast" ], "value": { "color": { "red": 0.9647059, "green": 0.92941177, "blue": 1, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary95" } ] } ] }, { "context": [ "Theme: Dark", "Platform: Web", "Audience: 3P", "Contrast: Medium contrast" ], "value": { "color": { "red": 0.91764706, "green": 0.8666667, "blue": 1, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary90" } ] } ] }, { "context": [ "Theme: Dark", "Platform: iOS", "Audience: 1P Baseline", "Contrast: Default" ], "value": { "color": { "red": 0.65882355, "green": 0.78039217, "blue": 0.98039216, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary80" } ] } ] }, { "context": [ "Theme: Dark", "Platform: iOS", "Audience: 1P Baseline", "Contrast: High contrast", "iOS dark theme elevation: Elevated" ], "value": { "undefined": true }, "references": [ { "name": "md.sys.color.primary" } ] }, { "context": [ "Theme: Dark", "Platform: iOS", "Audience: 1P Baseline", "Contrast: High contrast", "iOS dark theme elevation: None" ], "value": { "undefined": true }, "references": [ { "name": "md.sys.color.primary" } ] }, { "context": [ "Theme: Dark", "Platform: iOS", "Audience: 1P Baseline", "Contrast: Medium contrast" ], "value": { "color": { "red": 0.827451, "green": 0.8901961, "blue": 0.99215686, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary90" } ] } ] }, { "context": [ "Theme: Dark", "Platform: iOS", "Audience: 3P", "Contrast: High contrast" ], "value": { "undefined": true }, "references": [ { "name": "md.sys.color.primary" } ] }, { "context": [ "Theme: Light", "Platform: Android", "Audience: 1P Baseline", "Contrast: High contrast" ], "value": { "color": { "red": 0.023529412, "green": 0.18039216, "blue": 0.43529412, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary20" } ] } ] }, { "context": [ "Theme: Light", "Platform: Android", "Audience: 1P Baseline", "Contrast: Medium contrast" ], "value": { "color": { "red": 0.03137255, "green": 0.25882354, "blue": 0.627451, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary30" } ] } ] }, { "context": [ "Theme: Light", "Platform: Android", "Audience: 3P", "Contrast: Default" ], "value": { "color": { "red": 0.40392157, "green": 0.3137255, "blue": 0.6431373, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary40" } ] } ] }, { "context": [ "Theme: Light", "Platform: Android", "Audience: 3P", "Contrast: High contrast" ], "value": { "color": { "red": 0.21960784, "green": 0.11764706, "blue": 0.44705883, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary20" } ] } ] }, { "context": [ "Theme: Light", "Platform: Android", "Audience: 3P", "Contrast: Medium contrast" ], "value": { "color": { "red": 0.30980393, "green": 0.21568628, "blue": 0.54509807, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary30" } ] } ] }, { "context": [ "Theme: Light", "Platform: Compose", "Audience: 1P Baseline", "Contrast: Default" ], "value": { "color": { "red": 0.043137256, "green": 0.34117648, "blue": 0.8156863, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary40" } ] } ] }, { "context": [ "Theme: Light", "Platform: Compose", "Audience: 1P Baseline", "Contrast: High contrast" ], "value": { "color": { "red": 0.023529412, "green": 0.18039216, "blue": 0.43529412, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary20" } ] } ] }, { "context": [ "Theme: Light", "Platform: Compose", "Audience: 1P Baseline", "Contrast: Medium contrast" ], "value": { "color": { "red": 0.03137255, "green": 0.25882354, "blue": 0.627451, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary30" } ] } ] }, { "context": [ "Theme: Light", "Platform: Compose", "Audience: 3P", "Contrast: Default" ], "value": { "color": { "red": 0.40392157, "green": 0.3137255, "blue": 0.6431373, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary40" } ] } ] }, { "context": [ "Theme: Light", "Platform: Compose", "Audience: 3P", "Contrast: High contrast" ], "value": { "color": { "red": 0.21960784, "green": 0.11764706, "blue": 0.44705883, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary20" } ] } ] }, { "context": [ "Theme: Light", "Platform: Compose", "Audience: 3P", "Contrast: Medium contrast" ], "value": { "color": { "red": 0.30980393, "green": 0.21568628, "blue": 0.54509807, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary30" } ] } ] }, { "context": [ "Theme: Light", "Platform: Web", "Audience: 1P Baseline", "Contrast: Default" ], "value": { "color": { "red": 0.043137256, "green": 0.34117648, "blue": 0.8156863, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary40" } ] } ] }, { "context": [ "Theme: Light", "Platform: Web", "Audience: 1P Baseline", "Contrast: High contrast" ], "value": { "color": { "red": 0.023529412, "green": 0.18039216, "blue": 0.43529412, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary20" } ] } ] }, { "context": [ "Theme: Light", "Platform: Web", "Audience: 1P Baseline", "Contrast: Medium contrast" ], "value": { "color": { "red": 0.03137255, "green": 0.25882354, "blue": 0.627451, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary30" } ] } ] }, { "context": [ "Theme: Light", "Platform: Web", "Audience: 3P", "Contrast: Default" ], "value": { "color": { "red": 0.40392157, "green": 0.3137255, "blue": 0.6431373, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary40" } ] } ] }, { "context": [ "Theme: Light", "Platform: Web", "Audience: 3P", "Contrast: High contrast" ], "value": { "color": { "red": 0.21960784, "green": 0.11764706, "blue": 0.44705883, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary20" } ] } ] }, { "context": [ "Theme: Light", "Platform: Web", "Audience: 3P", "Contrast: Medium contrast" ], "value": { "color": { "red": 0.30980393, "green": 0.21568628, "blue": 0.54509807, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary30" } ] } ] }, { "context": [ "Theme: Light", "Platform: iOS", "Audience: 1P Baseline", "Contrast: Default" ], "value": { "color": { "red": 0.043137256, "green": 0.34117648, "blue": 0.8156863, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary40" } ] } ] }, { "context": [ "Theme: Light", "Platform: iOS", "Audience: 1P Baseline", "Contrast: Medium contrast" ], "value": { "color": { "red": 0.03137255, "green": 0.25882354, "blue": 0.627451, "alpha": 1 } }, "references": [ { "name": "md.sys.color.primary", "references": [ { "name": "md.ref.palette.primary30" } ] } ] }, { "context": [ "Theme: Light", "Platform: iOS", "Contrast: High contrast" ], "value": { "undefined": true }, "references": [ { "name": "md.sys.color.primary" } ] } ] } ] }