Theme JSON

Atomic.io configuration

{
"feed": {
"shape": {
"blur": {
"cardShadow": "10",
"actionShadow": "0",
"navigationShadow": "0",
"buttonHoverShadow": "0",
"buttonActiveShadow": "0",
"dropdownMenuShadow": "10",
"actionSecondaryShadow": "0",
"buttonHoverSecondaryShadow": "0",
"buttonActiveSecondaryShadow": "0"
},
"align": {
"actionIcon": "left",
"actionIconSecondary": "left"
},
"border": {
"card": "1",
"action": "2",
"buttonHover": "2",
"buttonActive": "2",
"actionSecondary": "2",
"checkedCheckbox": "1",
"uncheckedCheckbox": "1",
"buttonHoverSecondary": "2",
"buttonActiveSecondary": "2"
},
"offset": {
"cardBorder": "1px",
"cardShadow": "1",
"navigationShadow": "0",
"dropdownMenuShadow": "0"
},
"padding": {
"cardTop": "%{card_padding}",
"cardLeft": "%{card_padding}",
"actionTop": "%{button_padding_vertical}",
"cardRight": "%{card_padding}",
"cardWidth": "%{card_padding}",
"streamTop": "%{container_toplevel_padding}",
"actionLeft": "%{button_padding_horizontal}",
"cardBottom": "%{card_padding}",
"streamLeft": "%{container_toplevel_padding}",
"actionRight": "%{button_padding_horizontal}",
"actionWidth": "%{button_padding_vertical}",
"streamRight": "%{container_toplevel_padding}",
"streamWidth": "%{container_toplevel_padding}",
"actionBottom": "%{button_padding_vertical}",
"streamBottom": "%{container_toplevel_padding}",
"elementBottom": "%{card_element_spacing}",
"menuButtonTop": "%{overflow_button_padding}",
"buttonGroupTop": "30",
"buttonHoverTop": "%{button_padding_vertical}",
"menuButtonLeft": "%{overflow_button_padding}",
"buttonActiveTop": "%{button_padding_vertical}",
"buttonGroupLeft": "%{button_group_padding}",
"buttonHoverLeft": "%{button_padding_horizontal}",
"menuButtonRight": "%{overflow_button_padding}",
"menuButtonWidth": "%{overflow_button_padding}",
"buttonActiveLeft": "%{button_padding_horizontal}",
"buttonGroupRight": "%{button_group_padding}",
"buttonGroupWidth": "%{button_group_padding}",
"buttonHoverRight": "%{button_padding_horizontal}",
"buttonHoverWidth": "%{button_padding_vertical}",
"menuButtonBottom": "%{overflow_button_padding}",
"buttonActiveRight": "%{button_padding_horizontal}",
"buttonActiveWidth": "%{button_padding_vertical}",
"buttonGroupBottom": "%{button_group_padding}",
"buttonHoverBottom": "%{button_padding_vertical}",
"actionSecondaryTop": "%{button_padding_vertical}",
"buttonActiveBottom": "%{button_padding_vertical}",
"expandCollapseLeft": "%{body_control_label}",
"actionSecondaryLeft": "%{button_padding_horizontal}",
"actionSecondaryRight": "%{button_padding_horizontal}",
"actionSecondaryWidth": "%{button_padding_vertical}",
"actionSecondaryBottom": "%{button_padding_vertical}",
"buttonHoverSecondaryTop": "%{button_padding_vertical}",
"buttonActiveSecondaryTop": "%{button_padding_vertical}",
"buttonHoverSecondaryLeft": "%{button_padding_horizontal}",
"buttonActiveSecondaryLeft": "%{button_padding_horizontal}",
"buttonHoverSecondaryRight": "%{button_padding_horizontal}",
"buttonHoverSecondaryWidth": "%{button_padding_vertical}",
"buttonActiveSecondaryRight": "%{button_padding_horizontal}",
"buttonActiveSecondaryWidth": "%{button_padding_vertical}",
"buttonHoverSecondaryBottom": "%{button_padding_vertical}",
"buttonActiveSecondaryBottom": "%{button_padding_vertical}"
},
"lineHeight": {
"actionIcon": "1.2",
"actionIconSecondary": "1.2"
},
"buttonWidth": {
"global": "fillsContainer"
},
"borderRadius": {
"card": "10",
"media": "4",
"sheet": "10",
"action": "999px",
"button": "5px",
"mediaThumb": "4",
"buttonHover": "999px",
"buttonActive": "999px",
"dropdownMenu": "10",
"actionSecondary": "999px",
"checkedCheckbox": "4",
"uncheckedCheckbox": "4",
"uploadPlaceholder": "4",
"buttonHoverSecondary": "999px",
"buttonActiveSecondary": "999px",
"datePickerCalendarDateItem": "40",
"datePickerCalendarHoverDateItem": "40",
"datePickerCalendarCurrentDateItem": "40",
"datePickerCalendarSelectedDateItem": "40",
"datePickerCalendarSelectedDateItemHover": "40"
},
"buttonLayout": {
"global": "vertical"
},
"equalPaddings": {
"card": true,
"action": false,
"stream": true,
"menuButton": true,
"buttonGroup": false,
"buttonHover": false,
"buttonActive": false,
"actionSecondary": false,
"buttonHoverSecondary": false,
"buttonActiveSecondary": false
},
"shadowOffsets": {
"action": "0",
"actionXAxis": "0",
"actionYAxis": "0",
"buttonHover": "0",
"buttonActive": "0",
"actionSecondary": "0",
"buttonHoverXAxis": "0",
"buttonHoverYAxis": "0",
"buttonActiveXAxis": "0",
"buttonActiveYAxis": "0",
"actionSecondaryXAxis": "0",
"actionSecondaryYAxis": "0",
"buttonHoverSecondary": "0",
"buttonActiveSecondary": "0",
"buttonHoverSecondaryXAxis": "0",
"buttonHoverSecondaryYAxis": "0",
"buttonActiveSecondaryXAxis": "0",
"buttonActiveSecondaryYAxis": "0"
},
"buttonAlignment": {
"global": "left"
},
"shadowOffsetType": {
"action": "outset",
"buttonHover": "outset",
"buttonActive": "outset",
"actionSecondary": "outset",
"buttonHoverSecondary": "outset",
"buttonActiveSecondary": "outset"
},
"spaceBetweenCards": {
"global": "%{card_spacing_between}"
},
"buttonSpacingAfter": {
"global": "%{button_group_space_between}"
},
"equalShadowOffsets": {
"action": "true",
"buttonHover": "true",
"buttonActive": "true",
"actionSecondary": "true",
"buttonHoverSecondary": "true",
"buttonActiveSecondary": "true"
}
},
"colors": {
"icon": {
"body": {
"color": "%{graphic_decorative}",
"opacity": "1"
},
"action": {
"color": "%{neutral_white}",
"opacity": 1
},
"bullet": {
"color": "%{graphic_decorative}",
"opacity": "1"
},
"options": {
"color": "%{primary}",
"opacity": "1"
},
"stepper": {
"color": "%{neutral_white}",
"opacity": 1
},
"category": {
"color": "%{graphic_decorative}",
"opacity": "1"
},
"dropdown": {
"color": "%{primary}",
"opacity": "1"
},
"headline": {
"color": "%{graphic_decorative}",
"opacity": "1"
},
"switchOn": {
"color": "%{neutral_white}",
"opacity": 1
},
"sheetItem": {
"color": "%{graphic_decorative}",
"opacity": 1
},
"switchOff": {
"color": "%{neutral_white}",
"opacity": 1
},
"inputButton": {
"color": "%{primary}",
"opacity": "1"
},
"mediaBanner": {
"color": "%{media_placeholder_icon}",
"opacity": "1"
},
"switchOnGM2": {
"color": "%{input_selected}",
"opacity": "1"
},
"mediaControl": {
"color": "%{primary}",
"opacity": 1
},
"optionsHover": {
"color": "%{neutral_black}",
"opacity": "1"
},
"optionsActive": {
"color": "%{primary_active}",
"opacity": "1"
},
"cardCompletion": {
"color": "%{neutral_white}",
"opacity": 1
},
"listEmptyState": {
"color": "%{text_low_contrast}",
"opacity": 1
},
"loadingSpinner": {
"color": "%{graphic_decorative}",
"opacity": 1
},
"stepperAndroid": {
"color": "%{input_selected}",
"opacity": "1"
},
"actionSecondary": {
"color": "%{neutral_black}",
"opacity": "1"
},
"checkedCheckbox": {
"color": "%{neutral_white}",
"opacity": "1"
},
"sheetItemActive": {
"color": "%{graphic_decorative}",
"opacity": 1
},
"stepperDisabled": {
"color": "%{neutral_white}",
"opacity": "1"
},
"uploadPlaceholder": {
"color": "%{media_placeholder_icon}",
"opacity": "1"
},
"quickActionPrimary": {
"color": "%{neutral_white}",
"opacity": 1
},
"selectionIndicator": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"quickActionSecondary": {
"color": "%{neutral_white}",
"opacity": 1
},
"processingStateSpinner": {
"color": "%{graphic_decorative}",
"opacity": "1"
},
"stepperDisabledAndroid": {
"color": "%{input_disabled}",
"opacity": "1"
},
"selectionIndicatorActive": {
"color": "%{text_high_contrast}",
"opacity": 1
}
},
"text": {
"body": {
"color": "%{text_high_contrast}",
"opacity": "1"
},
"hint": {
"color": "%{text_low_contrast}",
"opacity": "1"
},
"link": {
"color": "%{graphic_decorative}",
"opacity": 1
},
"error": {
"color": "%{system_validation}",
"opacity": 1
},
"toast": {
"color": "%{neutral_white}",
"opacity": 1
},
"action": {
"color": "%{neutral_white}",
"opacity": "1"
},
"banner": {
"color": "%{neutral_white}",
"opacity": "1"
},
"button": {
"color": "%{neutral_white}",
"opacity": 1
},
"pinned": {
"color": "%{text_high_contrast}",
"opacity": "1"
},
"primary": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"category": {
"color": "%{primary}",
"opacity": "1"
},
"headline": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"listTitle": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"secondary": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"sheetItem": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"mediaTitle": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"buttonHover": {
"color": "%{neutral_white}",
"opacity": "1"
},
"mediaAction": {
"color": "%{primary}",
"opacity": "1"
},
"toastAction": {
"color": "%{system_action}",
"opacity": 1
},
"buttonActive": {
"color": "%{neutral_white}",
"opacity": "1"
},
"footerMessage": {
"color": "%{text_low_contrast}",
"opacity": 1
},
"mediaSubtitle": {
"color": "%{text_high_contrast}",
"opacity": "1"
},
"expandCollapse": {
"color": "%{primary}",
"opacity": "1"
},
"listEmptyState": {
"color": "%{text_low_contrast}",
"opacity": 1
},
"actionSecondary": {
"color": "%{neutral_black}",
"opacity": "1"
},
"navigationTitle": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"sheetItemActive": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"dropdownMenuItem": {
"color": "%{text_high_contrast}",
"opacity": "1"
},
"navigationAction": {
"color": "%{primary}",
"opacity": "1"
},
"errorOverlayTitle": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"errorOverlayAction": {
"color": "%{primary}",
"opacity": 1
},
"pickerWheelToolbar": {
"color": "%{primary}",
"opacity": "1"
},
"buttonHoverSecondary": {
"color": "%{neutral_black}",
"opacity": "1"
},
"buttonActiveSecondary": {
"color": "%{neutral_black}",
"opacity": "1"
},
"processingStateMessage": {
"color": "%{text_high_contrast}",
"opacity": "1"
},
"datePickerHeaderDayDate": {
"color": "%{primary}",
"opacity": "1"
},
"datePickerCalendarDateItem": {
"color": "%{text_high_contrast}",
"opacity": "1"
},
"processingStateButtonLabel": {
"color": "%{primary}",
"opacity": "1"
},
"datePickerCalendarMonthYear": {
"color": "%{primary}",
"opacity": "1"
},
"datePickerCalendarCurrentDate": {
"color": "%{primary}",
"opacity": "1"
},
"datePickerHeaderSupportingText": {
"color": "%{text_high_contrast}",
"opacity": "1"
},
"datePickerCalendarHoverDateItem": {
"color": "%{text_high_contrast}",
"opacity": "1"
},
"datePickerCalendarDaysSubHeading": {
"color": "%{text_low_contrast}",
"opacity": "1"
},
"datePickerCalendarSelectedDateItem": {
"color": "%{neutral_white}",
"opacity": "1"
},
"datePickerCalendarSelectedDateItemHover": {
"color": "%{neutral_white}",
"opacity": "1"
}
},
"border": {
"card": {
"color": "%{container_toplevel_background}",
"opacity": "1"
},
"focus": {
"color": "%{focus_ring}",
"opacity": "1"
},
"media": {
"color": "%{media_border}",
"opacity": "1"
},
"action": {
"color": "%{primary}",
"opacity": "1"
},
"component": {
"color": "%{input_border}",
"opacity": "1"
},
"mediaThumb": {
"color": "%{media_border}",
"opacity": "1"
},
"buttonHover": {
"color": "%{primary_hover}",
"opacity": "1"
},
"inputActive": {
"color": "%{primary_active}",
"opacity": 1
},
"buttonActive": {
"color": "%{primary_active}",
"opacity": "1"
},
"inputInactive": {
"color": "%{input_border}",
"opacity": "1"
},
"actionSecondary": {
"color": "%{secondary}",
"opacity": "1"
},
"checkedCheckbox": {
"color": "%{input_selected}",
"opacity": "1"
},
"sheetItemDivider": {
"color": "%{divider}",
"opacity": "1"
},
"stepperUnderline": {
"color": "%{primary_active}",
"opacity": "1"
},
"uncheckedCheckbox": {
"color": "%{input_unselected}",
"opacity": "1"
},
"buttonHoverSecondary": {
"color": "%{secondary_hover}",
"opacity": "1"
},
"buttonActiveSecondary": {
"color": "%{secondary_active}",
"opacity": "1"
},
"stepperUnderlineDisabled": {
"color": "%{input_border}",
"opacity": "1"
}
},
"shadow": {
"card": {
"color": "%{shadow}",
"opacity": "0.1"
},
"action": {
"color": "%{shadow}",
"opacity": "0"
},
"navigation": {
"color": "%{shadow}",
"opacity": "0"
},
"buttonHover": {
"color": "%{shadow}",
"opacity": "0"
},
"buttonActive": {
"color": "%{shadow}",
"opacity": "0"
},
"dropdownMenu": {
"color": "%{shadow}",
"opacity": "0.5"
},
"loadingSpinner": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"actionSecondary": {
"color": "%{shadow}",
"opacity": "0"
},
"buttonHoverSecondary": {
"color": "%{shadow}",
"opacity": "0"
},
"buttonActiveSecondary": {
"color": "%{shadow}",
"opacity": "0"
}
},
"overlay": {
"sheet": {
"color": "%{flyout_mask}",
"opacity": "0.4"
},
"mediaBanner": {
"color": "%{neutral_black}",
"opacity": "0.3"
}
},
"background": {
"card": {
"color": "%{card_background}",
"opacity": 1
},
"media": {
"color": "%{media_empty_state_background}",
"opacity": "1"
},
"sheet": {
"color": "%{flyout_background}",
"opacity": 1
},
"toast": {
"color": "%{neutral_black}",
"opacity": 1
},
"action": {
"color": "%{primary}",
"opacity": "1"
},
"banner": {
"color": "%{system_danger}",
"opacity": "1"
},
"button": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"default": {
"color": "%{container_toplevel_background}",
"opacity": 1
},
"options": {
"color": "%{card_background}",
"opacity": "0.3"
},
"stepper": {
"color": "%{input_selected}",
"opacity": "1"
},
"switchOn": {
"color": "%{input_selected}",
"opacity": 1
},
"component": {
"color": "%{card_background}",
"opacity": 1
},
"switchOff": {
"color": "%{input_unselected}",
"opacity": 1
},
"navigation": {
"color": "%{container_toplevel_background}",
"opacity": 1
},
"buttonHover": {
"color": "%{primary_hover}",
"opacity": "1"
},
"pickerWheel": {
"color": "%{neutral_black}",
"opacity": "0.15"
},
"switchOnGM2": {
"color": "%{input_selected}",
"opacity": "0.5"
},
"buttonActive": {
"color": "%{primary_active}",
"opacity": "1"
},
"dropdownMenu": {
"color": "%{flyout_background}",
"opacity": "1"
},
"mediaControl": {
"color": "%{neutral_white}",
"opacity": "0.8"
},
"optionsHover": {
"color": "%{surface_hover}",
"opacity": "1"
},
"optionsActive": {
"color": "%{container_toplevel_background}",
"opacity": "1"
},
"cardCompletion": {
"color": "%{system_success}",
"opacity": 1
},
"loadingSpinner": {
"color": "%{card_background}",
"opacity": 1
},
"mediaThumbnail": {
"color": "%{media_thumbnail_background}",
"opacity": "1"
},
"modalContainer": {
"color": "%{flyout_mask}",
"opacity": "0.5"
},
"stepperAndroid": {
"color": "%{card_background}",
"opacity": "1"
},
"actionSecondary": {
"color": "%{secondary}",
"opacity": "1"
},
"checkedCheckbox": {
"color": "%{input_selected}",
"opacity": "1"
},
"sheetItemActive": {
"color": "%{surface_hover}",
"opacity": "1"
},
"stepperDisabled": {
"color": "%{input_disabled}",
"opacity": 1
},
"dropdownMenuItem": {
"color": "%{surface_hover}",
"opacity": "1"
},
"uncheckedCheckbox": {
"color": "%{card_background}",
"opacity": "1"
},
"uploadPlaceholder": {
"color": "%{media_empty_state_background}",
"opacity": "1"
},
"datePickerCalendar": {
"color": "%{flyout_background}",
"opacity": "1"
},
"pickerWheelToolbar": {
"color": "%{neutral_black}",
"opacity": "0.1"
},
"quickActionPrimary": {
"color": "%{system_danger}",
"opacity": 1
},
"processingStateIcon": {
"color": "%{graphic_decorative}",
"opacity": "1"
},
"buttonHoverSecondary": {
"color": "%{secondary_hover}",
"opacity": "1"
},
"quickActionSecondary": {
"color": "%{system_snooze}",
"opacity": 1
},
"buttonActiveSecondary": {
"color": "%{secondary_active}",
"opacity": "1"
},
"processingStateMessage": {
"color": "%{text_high_contrast}",
"opacity": "1"
},
"stepperDisabledAndroid": {
"color": "%{card_background}",
"opacity": "1"
},
"dropdownMenuSelectedIcon": {
"color": "%{primary}",
"opacity": "1"
},
"datePickerCalendarDivider": {
"color": "%{divider}",
"opacity": "1"
},
"processingStateButtonLabel": {
"color": "%{primary}",
"opacity": "1"
},
"datePickerCalendarHoverDateItem": {
"color": "%{surface_hover}",
"opacity": "1"
},
"datePickerCalendarMonthNavArrows": {
"color": "%{primary}",
"opacity": "1"
},
"datePickerCalendarCurrentDateItem": {
"color": "%{surface_hover}",
"opacity": "1"
},
"datePickerCalendarCurrentDateHover": {
"color": "%{primary}",
"opacity": "1"
},
"datePickerCalendarSelectedDateItem": {
"color": "%{primary}",
"opacity": "1"
},
"datePickerCalendarSelectedDateItemHover": {
"color": "%{primary_hover}",
"opacity": "1"
}
}
},
"typography": {
"body": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_150}"
},
"error": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"toast": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"action": {
"size": "%{button_fontsize}",
"align": "center",
"style": "normal",
"weight": "700",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"banner": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"bullet": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_150}"
},
"button": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": 1.2
},
"pinned": {
"size": "%{input_label_stacked_fontsize}",
"style": "normal",
"weight": "500",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"primary": {
"size": "%{input_inline_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"category": {
"size": "%{category_fontsize}",
"style": "normal",
"weight": "500",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "1.2"
},
"headline": {
"size": "%{headline_top_fontsize}",
"style": "normal",
"weight": "700",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"listTitle": {
"size": "%{header_large}",
"style": "normal",
"weight": "700",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"secondary": {
"size": "%{input_inline_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"sheetItem": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"mediaTitle": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "700",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"mediaAction": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "700",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"toastAction": {
"size": "%{button_fontsize}",
"style": "normal",
"weight": "700",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"footerMessage": {
"size": "%{container_footer_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_150}"
},
"mediaSubtitle": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"expandCollapse": {
"style": "normal",
"weight": "600",
"transform": "none"
},
"listEmptyState": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"actionSecondary": {
"size": "%{button_fontsize}",
"align": "center",
"style": "normal",
"weight": "700",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"navigationTitle": {
"size": "%{toplevel_header_text}",
"style": "normal",
"weight": "700",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"dropdownMenuItem": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"navigationAction": {
"size": "%{toplevel_header_button}",
"style": "normal",
"weight": "700",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"errorOverlayTitle": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"errorOverlayAction": {
"size": "%{button_fontsize}",
"style": "normal",
"weight": "700",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"pickerWheelToolbar": {
"size": "%{button_fontsize}",
"style": "normal",
"weight": "600",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"processingStateMessage": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"datePickerHeaderDayDate": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "600",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"datePickerCalendarDateItem": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"processingStateButtonLabel": {
"size": "%{button_fontsize}",
"style": "normal",
"weight": "700",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"datePickerCalendarMonthYear": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "700",
"scaling": {
"enabled": true,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"datePickerCalendarCurrentDate": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "600",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"datePickerHeaderSupportingText": {
"size": "%{header_large}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"datePickerCalendarDaysSubHeading": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "600",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"datePickerCalendarSelectedDateItem": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "600",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
}
},
"horizontalRule": {
"buttonGroupTop": {
"color": "%{divider}",
"width": "0",
"enabled": false,
"opacity": "0",
"insetLeft": "0",
"insetRight": "0"
},
"buttonGroupBottom": {
"color": "%{divider}",
"width": "0",
"enabled": false,
"opacity": "0",
"insetLeft": "0",
"insetRight": "0"
},
"buttonGroupBetween": {
"color": "%{divider}",
"width": "0",
"enabled": false,
"opacity": "0",
"insetLeft": "0",
"insetRight": "0"
}
}
},
"workflow": {
"shape": {
"blur": {
"cardShadow": "100px",
"buttonShadow": "0",
"navigationShadow": "10",
"buttonHoverShadow": "0",
"buttonActiveShadow": "0",
"dropdownMenuShadow": "10",
"buttonSecondaryShadow": "0",
"buttonHoverSecondaryShadow": "0",
"buttonActiveSecondaryShadow": "0"
},
"align": {
"buttonIcon": "left",
"buttonIconSecondary": "left"
},
"border": {
"button": "2",
"buttonHover": "2",
"buttonActive": "2",
"buttonSecondary": "2",
"checkedCheckbox": "1",
"uncheckedCheckbox": "1",
"buttonHoverSecondary": "2",
"buttonActiveSecondary": "2"
},
"offset": {
"cardShadow": "5px",
"navigationShadow": "0",
"dropdownMenuShadow": "0"
},
"padding": {
"buttonTop": "%{button_padding_vertical}",
"streamTop": "%{container_subview_padding}",
"buttonLeft": "%{button_padding_vertical}",
"streamLeft": "%{container_subview_padding}",
"buttonRight": "%{button_padding_vertical}",
"buttonWidth": "%{button_padding_vertical}",
"streamRight": "%{container_subview_padding}",
"streamWidth": "%{container_subview_padding}",
"buttonBottom": "%{button_padding_vertical}",
"streamBottom": "%{container_subview_padding}",
"elementBottom": "%{card_element_spacing}",
"buttonGroupTop": "%{button_group_padding}",
"buttonHoverTop": "%{button_padding_vertical}",
"buttonActiveTop": "%{button_padding_vertical}",
"buttonGroupLeft": "%{button_group_padding}",
"buttonHoverLeft": "%{button_padding_vertical}",
"buttonActiveLeft": "%{button_padding_vertical}",
"buttonGroupRight": "%{button_group_padding}",
"buttonGroupWidth": "%{button_group_padding}",
"buttonHoverRight": "%{button_padding_vertical}",
"buttonHoverWidth": "%{button_padding_vertical}",
"buttonActiveRight": "%{button_padding_vertical}",
"buttonActiveWidth": "%{button_padding_vertical}",
"buttonGroupBottom": "%{button_group_padding}",
"buttonHoverBottom": "%{button_padding_vertical}",
"buttonActiveBottom": "%{button_padding_vertical}",
"buttonSecondaryTop": "%{button_padding_vertical}",
"expandCollapseLeft": "%{body_control_label}",
"buttonSecondaryLeft": "%{button_padding_vertical}",
"buttonSecondaryRight": "%{button_padding_vertical}",
"buttonSecondaryWidth": "%{button_padding_vertical}",
"buttonSecondaryBottom": "%{button_padding_vertical}",
"buttonHoverSecondaryTop": "%{button_padding_vertical}",
"buttonActiveSecondaryTop": "%{button_padding_vertical}",
"buttonHoverSecondaryLeft": "%{button_padding_vertical}",
"buttonActiveSecondaryLeft": "%{button_padding_vertical}",
"buttonHoverSecondaryRight": "%{button_padding_vertical}",
"buttonHoverSecondaryWidth": "%{button_padding_vertical}",
"buttonActiveSecondaryRight": "%{button_padding_vertical}",
"buttonActiveSecondaryWidth": "%{button_padding_vertical}",
"buttonHoverSecondaryBottom": "%{button_padding_vertical}",
"buttonActiveSecondaryBottom": "%{button_padding_vertical}"
},
"lineHeight": {
"buttonIcon": "1.2",
"buttonIconSecondary": "1.2"
},
"buttonWidth": {
"global": "fillsContainer"
},
"borderRadius": {
"card": "10px",
"media": "4",
"sheet": "10",
"button": "40",
"mediaThumb": "4",
"buttonHover": "999px",
"buttonActive": "999px",
"dropdownMenu": "10",
"buttonSecondary": "40",
"checkedCheckbox": "4",
"uncheckedCheckbox": "4",
"uploadPlaceholder": "4",
"buttonHoverSecondary": "999px",
"buttonActiveSecondary": "999px",
"datePickerCalendarDateItem": "40",
"datePickerCalendarHoverDateItem": "40",
"datePickerCalendarCurrentDateItem": "40",
"datePickerCalendarSelectedDateItem": "40",
"datePickerCalendarSelectedDateItemHover": "40",
"action": "999px",
"actionSecondary": "999px"
},
"buttonLayout": {
"global": "vertical"
},
"equalPaddings": {
"button": true,
"stream": true,
"buttonGroup": true,
"buttonHover": true,
"buttonActive": true,
"buttonSecondary": true,
"buttonHoverSecondary": true,
"buttonActiveSecondary": true
},
"shadowOffsets": {
"button": "0",
"buttonHover": "0",
"buttonXAxis": "0",
"buttonYAxis": "0",
"buttonActive": "0",
"buttonSecondary": "0",
"buttonHoverXAxis": "0",
"buttonHoverYAxis": "0",
"buttonActiveXAxis": "0",
"buttonActiveYAxis": "0",
"buttonHoverSecondary": "0",
"buttonSecondaryXAxis": "0",
"buttonSecondaryYAxis": "0",
"buttonActiveSecondary": "0",
"buttonHoverSecondaryXAxis": "0",
"buttonHoverSecondaryYAxis": "0",
"buttonActiveSecondaryXAxis": "0",
"buttonActiveSecondaryYAxis": "0"
},
"buttonAlignment": {
"global": "left"
},
"shadowOffsetType": {
"button": "outset",
"buttonHover": "outset",
"buttonActive": "outset",
"buttonSecondary": "outset",
"buttonHoverSecondary": "outset",
"buttonActiveSecondary": "outset"
},
"buttonSpacingAfter": {
"global": "%{button_group_space_between}"
},
"equalShadowOffsets": {
"button": "true",
"buttonHover": "true",
"buttonActive": "true",
"buttonSecondary": "true",
"buttonHoverSecondary": "true",
"buttonActiveSecondary": "true"
}
},
"colors": {
"icon": {
"body": {
"color": "%{graphic_decorative}",
"opacity": "1"
},
"action": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"bullet": {
"color": "%{graphic_decorative}",
"opacity": 1
},
"button": {
"color": "%{neutral_white}",
"opacity": "1"
},
"options": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"stepper": {
"color": "%{neutral_white}",
"opacity": 1
},
"dropdown": {
"color": "%{primary}",
"opacity": 1
},
"headline": {
"color": "%{graphic_decorative}",
"opacity": "1"
},
"switchOn": {
"color": "%{neutral_white}",
"opacity": 1
},
"sheetItem": {
"color": "%{graphic_decorative}",
"opacity": 1
},
"switchOff": {
"color": "%{neutral_white}",
"opacity": 1
},
"inputButton": {
"color": "%{primary}",
"opacity": "1"
},
"mediaBanner": {
"color": "%{media_placeholder_icon}",
"opacity": 1
},
"switchOnGM2": {
"color": "%{input_selected}",
"opacity": "1"
},
"mediaControl": {
"color": "%{primary}",
"opacity": 1
},
"optionsActive": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"cardCompletion": {
"color": "%{neutral_white}",
"opacity": 1
},
"listEmptyState": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"loadingSpinner": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"stepperAndroid": {
"color": "%{input_selected}",
"opacity": "1"
},
"buttonSecondary": {
"color": "%{neutral_black}",
"opacity": "1"
},
"checkedCheckbox": {
"color": "%{neutral_white}",
"opacity": "1"
},
"sheetItemActive": {
"color": "%{graphic_decorative}",
"opacity": 1
},
"stepperDisabled": {
"color": "%{neutral_white}",
"opacity": "1"
},
"uploadPlaceholder": {
"color": "%{media_placeholder_icon}",
"opacity": "1"
},
"quickActionPrimary": {
"color": "%{neutral_white}",
"opacity": 1
},
"selectionIndicator": {
"color": "%{input_unselected}",
"opacity": "1"
},
"quickActionSecondary": {
"color": "%{neutral_white}",
"opacity": 1
},
"processingStateSpinner": {
"color": "%{graphic_decorative}",
"opacity": "1"
},
"stepperDisabledAndroid": {
"color": "%{input_disabled}",
"opacity": "1"
},
"selectionIndicatorActive": {
"color": "%{input_selected}",
"opacity": 1
}
},
"text": {
"body": {
"color": "%{text_high_contrast}",
"opacity": "1"
},
"hint": {
"color": "%{text_low_contrast}",
"opacity": 1
},
"link": {
"color": "%{graphic_decorative}",
"opacity": 1
},
"error": {
"color": "%{system_validation}",
"opacity": 1
},
"toast": {
"color": "%{neutral_white}",
"opacity": 1
},
"action": {
"color": "%{neutral_white}",
"opacity": 1
},
"banner": {
"color": "%{neutral_white}",
"opacity": "1"
},
"button": {
"color": "%{neutral_white}",
"opacity": 1
},
"pinned": {
"color": "%{text_high_contrast}",
"opacity": "1"
},
"primary": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"category": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"headline": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"listTitle": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"secondary": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"sheetItem": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"mediaTitle": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"buttonHover": {
"color": "%{neutral_white}",
"opacity": "1"
},
"mediaAction": {
"color": "%{primary}",
"opacity": "1"
},
"toastAction": {
"color": "%{system_action}",
"opacity": 1
},
"buttonActive": {
"color": "%{neutral_white}",
"opacity": "1"
},
"mediaSubtitle": {
"color": "%{text_high_contrast}",
"opacity": "1"
},
"expandCollapse": {
"color": "%{primary}",
"opacity": "1"
},
"listEmptyState": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"buttonSecondary": {
"color": "%{neutral_black}",
"opacity": "1"
},
"navigationTitle": {
"color": "%{primary}",
"opacity": 1
},
"sheetItemActive": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"dropdownMenuItem": {
"color": "%{text_high_contrast}",
"opacity": "1"
},
"navigationAction": {
"color": "%{primary}",
"opacity": 1
},
"errorOverlayTitle": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"errorOverlayAction": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"buttonHoverSecondary": {
"color": "%{neutral_black}",
"opacity": "1"
},
"buttonActiveSecondary": {
"color": "%{neutral_black}",
"opacity": "1"
},
"processingStateMessage": {
"color": "%{text_high_contrast}",
"opacity": "1"
},
"datePickerHeaderDayDate": {
"color": "%{primary}",
"opacity": "1"
},
"datePickerCalendarDateItem": {
"color": "%{text_high_contrast}",
"opacity": "1"
},
"processingStateButtonLabel": {
"color": "%{primary}",
"opacity": "1"
},
"datePickerCalendarMonthYear": {
"color": "%{primary}",
"opacity": "1"
},
"datePickerCalendarCurrentDate": {
"color": "%{primary}",
"opacity": "1"
},
"datePickerHeaderSupportingText": {
"color": "%{text_high_contrast}",
"opacity": "1"
},
"datePickerCalendarHoverDateItem": {
"color": "%{text_high_contrast}",
"opacity": "1"
},
"datePickerCalendarDaysSubHeading": {
"color": "%{text_low_contrast}",
"opacity": "1"
},
"datePickerCalendarSelectedDateItem": {
"color": "%{neutral_white}",
"opacity": "1"
},
"datePickerCalendarSelectedDateItemHover": {
"color": "%{neutral_white}",
"opacity": "1"
}
},
"border": {
"card": {
"color": "%{text_high_contrast}",
"opacity": 0
},
"focus": {
"color": "%{focus_ring}",
"opacity": "1"
},
"media": {
"color": "%{media_border}",
"opacity": "1"
},
"button": {
"color": "%{primary}",
"opacity": "1"
},
"component": {
"color": "%{input_border}",
"opacity": "1"
},
"mediaThumb": {
"color": "%{media_border}",
"opacity": "1"
},
"buttonHover": {
"color": "%{primary_hover}",
"opacity": "1"
},
"inputActive": {
"color": "%{primary_active}",
"opacity": 1
},
"buttonActive": {
"color": "%{primary_active}",
"opacity": "1"
},
"inputInactive": {
"color": "%{input_border}",
"opacity": "1"
},
"buttonSecondary": {
"color": "%{secondary}",
"opacity": "1"
},
"checkedCheckbox": {
"color": "%{input_selected}",
"opacity": "1"
},
"sheetItemDivider": {
"color": "%{divider}",
"opacity": "1"
},
"stepperUnderline": {
"color": "%{primary_active}",
"opacity": "1"
},
"uncheckedCheckbox": {
"color": "%{input_unselected}",
"opacity": "1"
},
"buttonHoverSecondary": {
"color": "%{secondary_hover}",
"opacity": "1"
},
"buttonActiveSecondary": {
"color": "%{secondary_active}",
"opacity": "1"
},
"stepperUnderlineDisabled": {
"color": "%{input_border}",
"opacity": "1"
}
},
"shadow": {
"card": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"button": {
"color": "%{shadow}",
"opacity": "0"
},
"navigation": {
"color": "%{shadow}",
"opacity": "0.2"
},
"buttonHover": {
"color": "%{shadow}",
"opacity": "0"
},
"buttonActive": {
"color": "%{shadow}",
"opacity": "0"
},
"dropdownMenu": {
"color": "%{shadow}",
"opacity": "0.5"
},
"loadingSpinner": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"buttonSecondary": {
"color": "%{shadow}",
"opacity": "0"
},
"buttonHoverSecondary": {
"color": "%{shadow}",
"opacity": "0"
},
"buttonActiveSecondary": {
"color": "%{shadow}",
"opacity": "0"
}
},
"overlay": {
"sheet": {
"color": "%{flyout_mask}",
"opacity": "0.4"
},
"mediaBanner": {
"color": "%{neutral_black}",
"opacity": "0.3"
}
},
"background": {
"card": {
"color": "%{neutral_white}",
"opacity": 1
},
"media": {
"color": "%{media_empty_state_background}",
"opacity": "1"
},
"sheet": {
"color": "%{flyout_background}",
"opacity": 1
},
"toast": {
"color": "%{neutral_black}",
"opacity": 1
},
"banner": {
"color": "%{system_danger}",
"opacity": "1"
},
"button": {
"color": "%{primary}",
"opacity": 1
},
"default": {
"color": "%{container_subview_background}",
"opacity": 1
},
"stepper": {
"color": "%{input_selected}",
"opacity": "1"
},
"switchOn": {
"color": "%{input_selected}",
"opacity": 1
},
"component": {
"color": "%{container_subview_background}",
"opacity": 1
},
"switchOff": {
"color": "%{input_unselected}",
"opacity": 1
},
"navigation": {
"color": "%{container_subview_background}",
"opacity": 1
},
"buttonHover": {
"color": "%{primary_hover}",
"opacity": "1"
},
"switchOnGM2": {
"color": "%{input_selected}",
"opacity": "0.5"
},
"buttonActive": {
"color": "%{primary_active}",
"opacity": 1
},
"dropdownMenu": {
"color": "%{flyout_background}",
"opacity": "1"
},
"mediaControl": {
"color": "%{neutral_white}",
"opacity": "0.8"
},
"optionsActive": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"cardCompletion": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"loadingSpinner": {
"color": "%{neutral_white}",
"opacity": 1
},
"mediaThumbnail": {
"color": "%{media_thumbnail_background}",
"opacity": "1"
},
"stepperAndroid": {
"color": "%{container_subview_background}",
"opacity": "1"
},
"buttonSecondary": {
"color": "%{secondary}",
"opacity": "1"
},
"checkedCheckbox": {
"color": "%{input_selected}",
"opacity": "1"
},
"sheetItemActive": {
"color": "%{surface_hover}",
"opacity": "1"
},
"stepperDisabled": {
"color": "%{input_disabled}",
"opacity": 1
},
"dropdownMenuItem": {
"color": "%{surface_hover}",
"opacity": "1"
},
"uncheckedCheckbox": {
"color": "%{container_subview_background}",
"opacity": "1"
},
"uploadPlaceholder": {
"color": "%{media_empty_state_background}",
"opacity": "1"
},
"datePickerCalendar": {
"color": "%{flyout_background}",
"opacity": "1"
},
"quickActionPrimary": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"buttonHoverSecondary": {
"color": "%{secondary_hover}",
"opacity": "1"
},
"quickActionSecondary": {
"color": "%{text_high_contrast}",
"opacity": 1
},
"buttonActiveSecondary": {
"color": "%{secondary_active}",
"opacity": "1"
},
"stepperDisabledAndroid": {
"color": "%{container_subview_background}",
"opacity": "1"
},
"dropdownMenuSelectedIcon": {
"color": "%{primary}",
"opacity": "1"
},
"datePickerCalendarDivider": {
"color": "%{divider}",
"opacity": "1"
},
"datePickerCalendarHoverDateItem": {
"color": "%{surface_hover}",
"opacity": "1"
},
"datePickerCalendarMonthNavArrows": {
"color": "%{primary}",
"opacity": "1"
},
"datePickerCalendarCurrentDateItem": {
"color": "%{surface_hover}",
"opacity": "1"
},
"datePickerCalendarCurrentDateHover": {
"color": "%{primary}",
"opacity": "1"
},
"datePickerCalendarSelectedDateItem": {
"color": "%{primary}",
"opacity": "1"
},
"datePickerCalendarSelectedDateItemHover": {
"color": "%{neutral_white}",
"opacity": "1"
}
}
},
"typography": {
"body": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_150}"
},
"error": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"toast": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"action": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": 1.2
},
"banner": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"bullet": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_150}"
},
"button": {
"size": "%{button_fontsize}",
"align": "center",
"style": "normal",
"weight": "700",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"pinned": {
"size": "%{input_label_stacked_fontsize}",
"style": "normal",
"weight": "500",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"primary": {
"size": "%{input_inline_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"category": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": 1.2
},
"headline": {
"size": "%{headline_subview_fontsize}",
"style": "normal",
"weight": "700",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"listTitle": {
"size": "35px",
"style": "normal",
"weight": "400",
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": 1.2
},
"secondary": {
"size": "%{input_inline_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"sheetItem": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"mediaTitle": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "700",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"mediaAction": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "700",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"toastAction": {
"size": "%{button_fontsize}",
"style": "normal",
"weight": "700",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"mediaSubtitle": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"expandCollapse": {
"style": "normal",
"weight": "600",
"transform": "none"
},
"listEmptyState": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": 1.2
},
"buttonSecondary": {
"size": "%{button_fontsize}",
"align": "center",
"style": "normal",
"weight": "700",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"navigationTitle": {
"size": "%{subview_header_text}",
"style": "normal",
"weight": "500",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"dropdownMenuItem": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"navigationAction": {
"size": "%{subview_header_action}",
"style": "normal",
"weight": "500",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"errorOverlayTitle": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": 1.2
},
"errorOverlayAction": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": 1.2
},
"processingStateMessage": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"datePickerHeaderDayDate": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "600",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"datePickerCalendarDateItem": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"processingStateButtonLabel": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "700",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"datePickerCalendarMonthYear": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "700",
"scaling": {
"enabled": true,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"datePickerCalendarCurrentDate": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "600",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"datePickerHeaderSupportingText": {
"size": "%{header_large}",
"style": "normal",
"weight": "400",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"datePickerCalendarDaysSubHeading": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "600",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
},
"datePickerCalendarSelectedDateItem": {
"size": "%{body_fontsize}",
"style": "normal",
"weight": "600",
"scaling": {
"enabled": false,
"maximumSize": "%{dynamic_scaling_max_fontsize}",
"minimumSize": "%{dynamic_scaling_min_fontsize}"
},
"transform": "none",
"fontFamily": "Figtree",
"lineHeight": "%{lineheight_120}"
}
},
"horizontalRule": {
"buttonGroupTop": {
"color": "%{divider}",
"width": "0",
"enabled": false,
"opacity": "0",
"insetLeft": "0",
"insetRight": "0"
},
"buttonGroupBottom": {
"color": "%{divider}",
"width": "0",
"enabled": false,
"opacity": "0",
"insetLeft": "0",
"insetRight": "0"
},
"buttonGroupBetween": {
"color": "%{divider}",
"width": "0",
"enabled": false,
"opacity": "0",
"insetLeft": "0",
"insetRight": "0"
}
}
},
"variables": {
"shadow": {
"type": "color",
"value": "000"
},
"divider": {
"type": "color",
"value": "D0D6DC"
},
"primary": {
"type": "color",
"value": "0020F0"
},
"secondary": {
"type": "color",
"value": "E8EEF7"
},
"focus_ring": {
"type": "color",
"value": "0015A3"
},
"flyout_mask": {
"type": "color",
"value": "000"
},
"card_padding": {
"type": "spacing",
"value": "20"
},
"header_large": {
"type": "fontSize",
"value": "30"
},
"input_border": {
"type": "color",
"value": "D1D5DB"
},
"media_border": {
"type": "color",
"value": "FFF"
},
"body_fontsize": {
"type": "fontSize",
"value": "15"
},
"neutral_black": {
"type": "color",
"value": "000"
},
"neutral_white": {
"type": "color",
"value": "FFF"
},
"primary_hover": {
"type": "color",
"value": "0016A3"
},
"surface_hover": {
"type": "color",
"value": "F3F4F6"
},
"system_action": {
"type": "color",
"value": "000"
},
"system_danger": {
"type": "color",
"value": "B30006"
},
"system_snooze": {
"type": "color",
"value": "0020F0"
},
"input_disabled": {
"type": "color",
"value": "E5E7EB"
},
"input_selected": {
"type": "color",
"value": "0020F0"
},
"lineheight_120": {
"type": "fontSize",
"value": "1.2"
},
"lineheight_150": {
"type": "fontSize",
"value": "1.5"
},
"primary_active": {
"type": "color",
"value": "000E6B"
},
"surface_active": {
"type": "color",
"value": "E8EAEE"
},
"system_success": {
"type": "color",
"value": "508750"
},
"button_fontsize": {
"type": "fontSize",
"value": "15"
},
"card_background": {
"type": "color",
"value": "FFFFFF"
},
"secondary_hover": {
"type": "color",
"value": "D6E0F0"
},
"system_feedback": {
"type": "fontSize",
"value": "16"
},
"input_unselected": {
"type": "color",
"value": "D1D5DB"
},
"secondary_active": {
"type": "color",
"value": "C4D4E9"
},
"category_fontsize": {
"type": "fontSize",
"value": "14"
},
"flyout_background": {
"type": "color",
"value": "FFF"
},
"system_validation": {
"type": "color",
"value": "943B00"
},
"text_low_contrast": {
"type": "color",
"value": "54575F"
},
"body_control_label": {
"type": "spacing",
"value": "4"
},
"graphic_decorative": {
"type": "color",
"value": "0020F0"
},
"text_high_contrast": {
"type": "color",
"value": "000"
},
"subview_header_text": {
"type": "fontSize",
"value": "16"
},
"button_group_padding": {
"type": "spacing",
"value": "20"
},
"card_element_spacing": {
"type": "spacing",
"value": "16"
},
"card_spacing_between": {
"type": "spacing",
"value": "10"
},
"input_value_fontsize": {
"type": "fontSize",
"value": "15"
},
"toplevel_header_text": {
"type": "fontSize",
"value": "20"
},
"headline_top_fontsize": {
"type": "fontSize",
"value": "18px"
},
"input_inline_fontsize": {
"type": "fontSize",
"value": "15"
},
"subview_header_action": {
"type": "fontSize",
"value": "16"
},
"media_placeholder_icon": {
"type": "color",
"value": "9CA3AF"
},
"toplevel_header_button": {
"type": "fontSize",
"value": "24"
},
"button_padding_vertical": {
"type": "spacing",
"value": "10"
},
"overflow_button_padding": {
"type": "spacing",
"value": "10"
},
"button_padding_horizontal": {
"type": "spacing",
"value": "16"
},
"container_footer_fontsize": {
"type": "fontSize",
"value": "14"
},
"container_subview_padding": {
"type": "spacing",
"value": "20"
},
"headline_subview_fontsize": {
"type": "fontSize",
"value": "18px"
},
"button_group_space_between": {
"type": "spacing",
"value": "10"
},
"container_toplevel_padding": {
"type": "spacing",
"value": "10"
},
"media_thumbnail_background": {
"type": "color",
"value": "F2F5F8"
},
"container_subview_background": {
"type": "color",
"value": "FFF"
},
"dynamic_scaling_max_fontsize": {
"type": "fontSize",
"value": "32"
},
"dynamic_scaling_min_fontsize": {
"type": "fontSize",
"value": "13"
},
"input_label_stacked_fontsize": {
"type": "fontSize",
"value": "14"
},
"media_empty_state_background": {
"type": "color",
"value": "F3F4F6"
},
"container_toplevel_background": {
"type": "color",
"value": "F2F5F8"
}
},
"fontFamilies": [
{
"src": "https://fonts.gstatic.com/s/figtree/v5/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_d_QF5ewkEU4Uzx.ttf",
"style": "normal",
"weight": "400",
"isDefault": true,
"fontFamily": "Figtree"
},
{
"src": "https://fonts.gstatic.com/s/figtree/v5/_Xm9-HUzqDCFdgfMm4GnA4aZFrUvtOK3A7YdyEU25WTzVOw.ttf",
"style": "italic",
"weight": "400",
"fontFamily": "Figtree"
},
{
"src": "https://fonts.gstatic.com/s/figtree/v5/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_dNQF5ewkEU4Uzx.ttf",
"style": "normal",
"weight": "500",
"fontFamily": "Figtree"
},
{
"src": "https://fonts.gstatic.com/s/figtree/v5/_Xm9-HUzqDCFdgfMm4GnA4aZFrUvtOK3A4QdyEU25WTzVOw.ttf",
"style": "italic",
"weight": "500",
"fontFamily": "Figtree"
},
{
"src": "https://fonts.gstatic.com/s/figtree/v6/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_ehR15ewkEU4Uzx.ttf",
"style": "normal",
"weight": "600",
"fontFamily": "Figtree"
},
{
"src": "https://fonts.gstatic.com/s/figtree/v6/_Xm9-HUzqDCFdgfMm4GnA4aZFrUvtOK3A2gayEU25WTzVOw.ttf",
"style": "italic",
"weight": "600",
"fontFamily": "Figtree"
},
{
"src": "https://fonts.gstatic.com/s/figtree/v5/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_eYR15ewkEU4Uzx.ttf",
"style": "normal",
"weight": "700",
"isDefault": false,
"fontFamily": "Figtree"
},
{
"src": "https://fonts.gstatic.com/s/figtree/v5/_Xm9-HUzqDCFdgfMm4GnA4aZFrUvtOK3A1EayEU25WTzVOw.ttf",
"style": "italic",
"weight": "700",
"fontFamily": "Figtree"
},
{
"src": "https://fonts.gstatic.com/s/figtree/v5/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_f_R15ewkEU4Uzx.ttf",
"style": "normal",
"weight": "800",
"fontFamily": "Figtree"
},
{
"src": "https://fonts.gstatic.com/s/figtree/v5/_Xm9-HUzqDCFdgfMm4GnA4aZFrUvtOK3AzYayEU25WTzVOw.ttf",
"style": "italic",
"weight": "800",
"fontFamily": "Figtree"
}
]
}