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" } ]}