@salesforce-ux/design-system/design-tokens/dist/force-base.json

Salesforce Lightning Design System

{
  "BORDER_WIDTH_THIN": "1px",
  "BORDER_WIDTH_THICK": "2px",
  "BORDER_STROKE_WIDTH_THIN": "1px",
  "BORDER_STROKE_WIDTH_THICK": "2px",
  "SPACING_NONE": "0",
  "SPACING_XXX_SMALL": "0.125rem",
  "SPACING_XX_SMALL": "0.25rem",
  "SPACING_X_SMALL": "0.5rem",
  "SPACING_SMALL": "0.75rem",
  "SPACING_MEDIUM": "1rem",
  "SPACING_LARGE": "1.5rem",
  "SPACING_X_LARGE": "2rem",
  "SPACING_XX_LARGE": "3rem",
  "SIZE_XX_SMALL": "6rem",
  "SIZE_X_SMALL": "12rem",
  "SIZE_SMALL": "15rem",
  "SIZE_MEDIUM": "20rem",
  "SIZE_LARGE": "25rem",
  "SIZE_X_LARGE": "40rem",
  "SIZE_XX_LARGE": "60rem",
  "SQUARE_ICON_UTILITY_SMALL": "1rem",
  "SQUARE_ICON_UTILITY_MEDIUM": "1.25rem",
  "SQUARE_ICON_UTILITY_LARGE": "1.5rem",
  "SQUARE_ICON_LARGE_BOUNDARY": "3rem",
  "SQUARE_ICON_LARGE_BOUNDARY_ALT": "5rem",
  "SQUARE_ICON_LARGE_CONTENT": "2rem",
  "SQUARE_ICON_MEDIUM": "2.375rem",
  "SQUARE_ICON_MEDIUM_BOUNDARY": "2rem",
  "SQUARE_ICON_MEDIUM_BOUNDARY_ALT": "2.25rem",
  "SQUARE_ICON_MEDIUM_CONTENT": "1rem",
  "SQUARE_ICON_MEDIUM_CONTENT_ALT": "0.875rem",
  "SQUARE_ICON_SMALL": "1rem",
  "SQUARE_ICON_SMALL_BOUNDARY": "1.5rem",
  "SQUARE_ICON_SMALL_CONTENT": ".75rem",
  "SQUARE_ICON_X_SMALL_BOUNDARY": "1.25rem",
  "SQUARE_ICON_X_SMALL_CONTENT": ".5rem",
  "SQUARE_ICON_XX_SMALL_BOUNDARY": "1rem",
  "SQUARE_ICON_XX_SMALL_CONTENT": ".875rem",
  "SQUARE_ICON_LARGE": "3.125rem",
  "HEIGHT_PILL": "1.625rem",
  "FILL_BRAND": "rgb(0, 112, 210)",
  "FILL_BRAND_HOVER": "rgb(0, 95, 178)",
  "FILL_BRAND_ACTIVE": "rgb(22, 50, 92)",
  "FILL_HEADER_BUTTON": "rgb(159, 170, 181)",
  "FILL_HEADER_BUTTON_HOVER": "rgb(0, 95, 178)",
  "FONT_WEIGHT_LIGHT": "300",
  "FONT_WEIGHT_REGULAR": "400",
  "FONT_WEIGHT_BOLD": "700",
  "FONT_SIZE_X_SMALL": "0.625rem",
  "FONT_SIZE_SMALL": "0.875rem",
  "FONT_SIZE_MEDIUM": "1rem",
  "FONT_SIZE_MEDIUM_A": "1.125rem",
  "FONT_SIZE_LARGE": "1.25rem",
  "FONT_SIZE_X_LARGE": "1.5rem",
  "FONT_SIZE_X_LARGE_A": "1.57rem",
  "FONT_SIZE_XX_LARGE": "2rem",
  "FONT_SIZE_TEXT_XX_SMALL": ".625rem",
  "FONT_SIZE_TEXT_X_SMALL": ".75rem",
  "FONT_SIZE_TEXT_SMALL": ".8125rem",
  "FONT_SIZE_TEXT_MEDIUM": "1rem",
  "FONT_SIZE_TEXT_LARGE": "1.125rem",
  "FONT_SIZE_TEXT_X_LARGE": "1.25rem",
  "FONT_SIZE_HEADING_XX_SMALL": ".625rem",
  "FONT_SIZE_HEADING_X_SMALL": ".75rem",
  "FONT_SIZE_HEADING_SMALL": ".875rem",
  "FONT_SIZE_HEADING_MEDIUM": "1.125rem",
  "FONT_SIZE_HEADING_LARGE": "1.5rem",
  "FONT_SIZE_HEADING_X_LARGE": "2rem",
  "LINE_HEIGHT_HEADING": "1.25",
  "LINE_HEIGHT_TEXT": "1.375",
  "LINE_HEIGHT_RESET": "1",
  "LINE_HEIGHT_TAB": "2.5rem",
  "FONT_FAMILY": "'Salesforce Sans', Arial, sans-serif",
  "FONT_FAMILY_TEXT": "'Salesforce Sans', Arial, sans-serif",
  "FONT_FAMILY_HEADING": "'Salesforce Sans', Arial, sans-serif",
  "BORDER_RADIUS_SMALL": ".125rem",
  "BORDER_RADIUS_MEDIUM": ".25rem",
  "BORDER_RADIUS_LARGE": ".5rem",
  "BORDER_RADIUS_PILL": "15rem",
  "BORDER_RADIUS_CIRCLE": "50%",
  "COLOR_BORDER": "rgb(216, 221, 230)",
  "COLOR_BORDER_BRAND": "rgb(21, 137, 238)",
  "COLOR_BORDER_BRAND_DARK": "rgb(0, 112, 210)",
  "COLOR_BORDER_CUSTOMER": "rgb(255, 154, 60)",
  "COLOR_BORDER_DESTRUCTIVE": "rgb(194, 57, 52)",
  "COLOR_BORDER_DESTRUCTIVE_HOVER": "rgb(166, 26, 20)",
  "COLOR_BORDER_DESTRUCTIVE_ACTIVE": "rgb(135, 5, 0)",
  "COLOR_BORDER_INFO": "rgb(84, 105, 141)",
  "COLOR_BORDER_ERROR": "rgb(194, 57, 52)",
  "COLOR_BORDER_ERROR_ALT": "rgb(234, 130, 136)",
  "COLOR_BORDER_ERROR_DARK": "rgb(234, 130, 136)",
  "COLOR_BORDER_OFFLINE": "rgb(68, 68, 68)",
  "COLOR_BORDER_SUCCESS": "rgb(75, 202, 129)",
  "COLOR_BORDER_SUCCESS_DARK": "rgb(4, 132, 75)",
  "COLOR_BORDER_WARNING": "rgb(255, 183, 93)",
  "COLOR_BORDER_INVERSE": "rgb(6, 28, 63)",
  "COLOR_BORDER_TAB_SELECTED": "rgb(0, 112, 210)",
  "COLOR_BORDER_TAB_ACTIVE": "rgb(255, 255, 255)",
  "COLOR_BORDER_SEPARATOR": "rgb(244, 246, 249)",
  "COLOR_BORDER_SEPARATOR_ALT": "rgb(216, 221, 230)",
  "COLOR_BORDER_SEPARATOR_ALT_2": "rgb(168, 183, 199)",
  "COLOR_BORDER_SEPARATOR_INVERSE": "rgb(42, 66, 108)",
  "COLOR_BORDER_ROW_SELECTED": "rgb(0, 112, 210)",
  "COLOR_BORDER_ROW_SELECTED_HOVER": "rgb(21, 137, 238)",
  "COLOR_BORDER_HINT": "rgb(42, 66, 108)",
  "COLOR_BORDER_SELECTION": "rgb(0, 112, 210)",
  "COLOR_BORDER_SELECTION_HOVER": "rgb(21, 137, 238)",
  "COLOR_BORDER_SELECTION_ACTIVE": "rgb(244, 246, 249)",
  "COLOR_BORDER_CANVAS_ELEMENT_SELECTION": "rgb(94, 180, 255)",
  "COLOR_BORDER_CANVAS_ELEMENT_SELECTION_HOVER": "rgb(0, 95, 178)",
  "COLOR_BORDER_ICON_INVERSE_HINT": "rgba(255, 255, 255, 0.5)",
  "COLOR_BORDER_ICON_INVERSE_HINT_HOVER": "rgba(255, 255, 255, 0.75)",
  "COLOR_BORDER_BUTTON_BRAND": "rgb(0, 112, 210)",
  "COLOR_BORDER_BUTTON_BRAND_DISABLED": "rgba(0, 0, 0, 0)",
  "COLOR_BORDER_BUTTON_DEFAULT": "rgb(216, 221, 230)",
  "COLOR_BORDER_BUTTON_INVERSE_DISABLED": "rgba(255, 255, 255, 0.15)",
  "COLOR_BORDER_INPUT": "rgb(216, 221, 230)",
  "COLOR_BORDER_INPUT_ACTIVE": "rgb(21, 137, 238)",
  "COLOR_BORDER_INPUT_DISABLED": "rgb(168, 183, 199)",
  "COLOR_BORDER_INPUT_CHECKBOX_SELECTED_CHECKMARK": "rgb(255, 255, 255)",
  "COLOR_BORDER_TOGGLE_CHECKED": "rgb(255, 255, 255)",
  "COLOR_STROKE_BRAND": "rgb(0, 112, 210)",
  "COLOR_STROKE_BRAND_HOVER": "rgb(0, 112, 210)",
  "COLOR_STROKE_BRAND_ACTIVE": "rgb(22, 50, 92)",
  "COLOR_STROKE_DISABLED": "rgb(224, 229, 238)",
  "COLOR_STROKE_HEADER_BUTTON": "rgb(159, 170, 181)",
  "COLOR_BACKGROUND": "rgb(244, 246, 249)",
  "COLOR_BACKGROUND_ALT": "rgb(253, 253, 253)",
  "COLOR_BACKGROUND_ALT_2": "rgb(238, 241, 246)",
  "COLOR_BACKGROUND_ALT_INVERSE": "rgb(22, 50, 92)",
  "COLOR_BACKGROUND_ROW_HOVER": "rgb(244, 246, 249)",
  "COLOR_BACKGROUND_ROW_ACTIVE": "rgb(238, 241, 246)",
  "COLOR_BACKGROUND_ROW_SELECTED": "rgb(240, 248, 252)",
  "COLOR_BACKGROUND_ROW_NEW": "rgb(217, 255, 223)",
  "COLOR_BACKGROUND_INVERSE": "rgb(6, 28, 63)",
  "COLOR_BACKGROUND_BROWSER": "rgb(84, 105, 141)",
  "COLOR_BACKGROUND_CHROME_MOBILE": "rgb(0, 112, 210)",
  "COLOR_BACKGROUND_CHROME_DESKTOP": "rgb(255, 255, 255)",
  "COLOR_BACKGROUND_CUSTOMER": "rgb(255, 154, 60)",
  "COLOR_BACKGROUND_HIGHLIGHT": "rgb(250, 255, 189)",
  "COLOR_BACKGROUND_HIGHLIGHT_SEARCH": "rgb(255, 240, 63)",
  "COLOR_BACKGROUND_SELECTION": "rgb(216, 237, 255)",
  "COLOR_BACKGROUND_ACTIONBAR_ICON_UTILITY": "rgb(84, 105, 141)",
  "COLOR_BACKGROUND_INDICATOR_DOT": "rgb(22, 50, 92)",
  "COLOR_BACKGROUND_SPINNER_DOT": "rgb(159, 170, 181)",
  "COLOR_BACKGROUND_MODAL": "rgb(255, 255, 255)",
  "COLOR_BACKGROUND_MODAL_BRAND": "rgb(0, 112, 210)",
  "COLOR_BACKGROUND_NOTIFICATION_BADGE": "rgb(194, 57, 52)",
  "COLOR_BACKGROUND_NOTIFICATION_BADGE_HOVER": "rgb(0, 95, 178)",
  "COLOR_BACKGROUND_NOTIFICATION_BADGE_FOCUS": "rgb(0, 95, 178)",
  "COLOR_BACKGROUND_NOTIFICATION_BADGE_ACTIVE": "rgb(0, 57, 107)",
  "COLOR_BACKGROUND_NOTIFICATION": "rgb(255, 255, 255)",
  "COLOR_BACKGROUND_NOTIFICATION_NEW": "rgb(240, 248, 252)",
  "COLOR_BACKGROUND_ORG_SWITCHER_ARROW": "rgb(6, 28, 63)",
  "COLOR_BACKGROUND_PAYLOAD": "rgb(244, 246, 249)",
  "COLOR_BACKGROUND_POST": "rgb(247, 249, 251)",
  "COLOR_BACKGROUND_UTILITY_BAR_HOVER": "rgb(224, 229, 238)",
  "COLOR_BACKGROUND_UTILITY_BAR_ACTIVE": "rgb(21, 137, 238)",
  "COLOR_BACKGROUND_SHADE": "rgb(224, 229, 238)",
  "COLOR_BACKGROUND_SHADE_DARK": "rgb(216, 221, 230)",
  "COLOR_BACKGROUND_STENCIL": "rgb(238, 241, 246)",
  "COLOR_BACKGROUND_STENCIL_ALT": "rgb(224, 229, 238)",
  "COLOR_BACKGROUND_TEMP_MODAL": "rgba(126, 140, 153, 0.8)",
  "COLOR_BACKGROUND_TEMP_MODAL_TINT": "rgba(126, 140, 153, 0.8)",
  "COLOR_BACKGROUND_TEMP_MODAL_TINT_ALT": "rgba(255, 255, 255, 0.75)",
  "COLOR_BACKGROUND_BACKDROP": "rgba(255, 255, 255, 0.75)",
  "COLOR_BACKGROUND_BACKDROP_TINT": "rgba(240, 248, 252, 0.75)",
  "COLOR_BACKGROUND_SCROLLBAR": "rgb(224, 229, 238)",
  "COLOR_BACKGROUND_SCROLLBAR_TRACK": "rgb(168, 183, 199)",
  "COLOR_BRAND": "rgb(21, 137, 238)",
  "COLOR_BRAND_DARK": "rgb(0, 112, 210)",
  "COLOR_BRAND_DARKER": "rgb(0, 95, 178)",
  "COLOR_BACKGROUND_TOGGLE": "rgb(159, 170, 181)",
  "COLOR_BACKGROUND_TOGGLE_DISABLED": "rgb(159, 170, 181)",
  "COLOR_BACKGROUND_TOGGLE_HOVER": "rgb(126, 140, 153)",
  "COLOR_BACKGROUND_TOGGLE_ACTIVE": "rgb(0, 112, 210)",
  "COLOR_BACKGROUND_TOGGLE_ACTIVE_HOVER": "rgb(0, 95, 178)",
  "COLOR_BACKGROUND_MODAL_BUTTON": "rgba(0, 0, 0, 0.07)",
  "COLOR_BACKGROUND_MODAL_BUTTON_ACTIVE": "rgba(0, 0, 0, 0.16)",
  "COLOR_BACKGROUND_INPUT": "rgb(255, 255, 255)",
  "COLOR_BACKGROUND_INPUT_ACTIVE": "rgb(255, 255, 255)",
  "COLOR_BACKGROUND_INPUT_CHECKBOX": "rgb(255, 255, 255)",
  "COLOR_BACKGROUND_INPUT_CHECKBOX_DISABLED": "rgb(216, 221, 230)",
  "COLOR_BACKGROUND_INPUT_CHECKBOX_SELECTED": "rgb(21, 137, 238)",
  "COLOR_BACKGROUND_INPUT_DISABLED": "rgb(224, 229, 238)",
  "COLOR_BACKGROUND_INPUT_ERROR": "rgb(255, 221, 225)",
  "COLOR_BACKGROUND_INPUT_SEARCH": "rgba(0, 0, 0, 0.16)",
  "COLOR_BACKGROUND_PILL": "rgb(255, 255, 255)",
  "COLOR_BACKGROUND_IMAGE_OVERLAY": "rgba(0, 0, 0, 0.4)",
  "COLOR_BACKGROUND_DESTRUCTIVE": "rgb(194, 57, 52)",
  "COLOR_BACKGROUND_DESTRUCTIVE_HOVER": "rgb(166, 26, 20)",
  "COLOR_BACKGROUND_DESTRUCTIVE_ACTIVE": "rgb(135, 5, 0)",
  "COLOR_BACKGROUND_INFO": "rgb(84, 105, 141)",
  "COLOR_BACKGROUND_ERROR": "rgb(212, 80, 76)",
  "COLOR_BACKGROUND_ERROR_DARK": "rgb(194, 57, 52)",
  "COLOR_BACKGROUND_ERROR_ALT": "rgb(234, 130, 136)",
  "COLOR_BACKGROUND_OFFLINE": "rgb(68, 68, 68)",
  "COLOR_BACKGROUND_SUCCESS": "rgb(75, 202, 129)",
  "COLOR_BACKGROUND_SUCCESS_DARK": "rgb(4, 132, 75)",
  "COLOR_BACKGROUND_TOAST": "rgba(84, 105, 141, 0.95)",
  "COLOR_BACKGROUND_TOAST_SUCCESS": "rgb(4, 132, 75)",
  "COLOR_BACKGROUND_TOAST_ERROR": "rgba(194, 57, 52, 0.95)",
  "COLOR_BACKGROUND_WARNING": "rgb(255, 183, 93)",
  "COLOR_BACKGROUND_BUTTON_SUCCESS": "rgb(75, 202, 129)",
  "COLOR_BACKGROUND_BUTTON_SUCCESS_HOVER": "rgb(4, 132, 75)",
  "COLOR_BACKGROUND_BUTTON_SUCCESS_ACTIVE": "rgb(4, 132, 75)",
  "SHADOW_ACTION_OVERFLOW_FOOTER": "0 -2px 4px #F4F6F9",
  "SHADOW_OVERLAY": "0 -2px 4px rgba(0, 0, 0, 0.07)",
  "SHADOW_DRAG": "0 2px 4px 0 rgba(0, 0, 0, 0.40)",
  "SHADOW_DROP_DOWN": "0 2px 3px 0 rgba(0, 0, 0, 0.16)",
  "SHADOW_HEADER": "0 2px 4px rgba(0, 0, 0, 0.07)",
  "SHADOW_BUTTON": "0 1px 1px 0 rgba(0, 0, 0, 0.05)",
  "SHADOW_BUTTON_FOCUS": "0 0 3px #0070D2",
  "SHADOW_BUTTON_FOCUS_INVERSE": "0 0 3px #E0E5EE",
  "SHADOW_INLINE_EDIT": "0 2px 4px 4px rgba(0, 0, 0, 0.16)",
  "SHADOW_FOCUS_INSET": "0 0 2px 2px #1589EE inset",
  "SHADOW_DOCKED": "0 -2px 2px 0 rgba(0, 0, 0, 0.16)",
  "SHADOW_IMAGE": "0 1px 1px rgba(0, 0, 0, 0.16)",
  "ELEVATION_3_INSET": "-3",
  "ELEVATION_0": "0",
  "ELEVATION_2": "2",
  "ELEVATION_4": "4",
  "ELEVATION_8": "8",
  "ELEVATION_16": "16",
  "ELEVATION_32": "32",
  "ELEVATION_SHADOW_3_BELOW": "0 3px 3px 0 rgba(0, 0, 0, 0.16) inset",
  "ELEVATION_SHADOW_0": "none",
  "ELEVATION_SHADOW_2": "0 2px 2px 0 rgba(0, 0, 0, 0.16)",
  "ELEVATION_SHADOW_4": "0 4px 4px 0 rgba(0, 0, 0, 0.16)",
  "ELEVATION_SHADOW_8": "0 8px 8px 0 rgba(0, 0, 0, 0.16)",
  "ELEVATION_SHADOW_16": "0 16px 16px 0 rgba(0, 0, 0, 0.16)",
  "ELEVATION_SHADOW_32": "0 32px 32px 0 rgba(0, 0, 0, 0.16)",
  "ELEVATION_INVERSE_SHADOW_3_BELOW": "0 -3px 3px 0 rgba(0, 0, 0, 0.16) inset",
  "ELEVATION_INVERSE_SHADOW_0": "none",
  "ELEVATION_INVERSE_SHADOW_2": "0 -2px 2px 0 rgba(0, 0, 0, 0.16)",
  "ELEVATION_INVERSE_SHADOW_4": "0 -4px 4px 0 rgba(0, 0, 0, 0.16)",
  "ELEVATION_INVERSE_SHADOW_8": "0 -8px 8px 0 rgba(0, 0, 0, 0.16)",
  "ELEVATION_INVERSE_SHADOW_16": "0 -16px 16px 0 rgba(0, 0, 0, 0.16)",
  "ELEVATION_INVERSE_SHADOW_32": "0 -32px 32px 0 rgba(0, 0, 0, 0.16)",
  "COLOR_TEXT_ACTION_LABEL": "rgb(84, 105, 141)",
  "COLOR_TEXT_ACTION_LABEL_ACTIVE": "rgb(22, 50, 92)",
  "COLOR_TEXT_BRAND": "rgb(21, 137, 238)",
  "COLOR_TEXT_BROWSER": "rgb(255, 255, 255)",
  "COLOR_TEXT_BROWSER_ACTIVE": "rgba(0, 0, 0, 0.4)",
  "COLOR_TEXT_CUSTOMER": "rgb(255, 154, 60)",
  "COLOR_TEXT_DEFAULT": "rgb(22, 50, 92)",
  "COLOR_TEXT_ERROR": "rgb(194, 57, 52)",
  "COLOR_TEXT_INPUT_DISABLED": "rgb(84, 105, 141)",
  "COLOR_TEXT_INPUT_FOCUS_INVERSE": "rgb(22, 50, 92)",
  "COLOR_TEXT_INPUT_ICON": "rgb(159, 170, 181)",
  "COLOR_TEXT_INVERSE": "rgb(255, 255, 255)",
  "COLOR_TEXT_INVERSE_WEAK": "rgb(159, 170, 181)",
  "COLOR_TEXT_INVERSE_ACTIVE": "rgb(94, 180, 255)",
  "COLOR_TEXT_INVERSE_HOVER": "rgb(159, 170, 181)",
  "COLOR_TEXT_LINK": "rgb(0, 112, 210)",
  "COLOR_TEXT_LINK_ACTIVE": "rgb(0, 57, 107)",
  "COLOR_TEXT_LINK_DISABLED": "rgb(22, 50, 92)",
  "COLOR_TEXT_LINK_FOCUS": "rgb(0, 95, 178)",
  "COLOR_TEXT_LINK_HOVER": "rgb(0, 95, 178)",
  "COLOR_TEXT_LINK_INVERSE": "rgb(255, 255, 255)",
  "COLOR_TEXT_LINK_INVERSE_HOVER": "rgba(255, 255, 255, 0.75)",
  "COLOR_TEXT_LINK_INVERSE_ACTIVE": "rgba(255, 255, 255, 0.5)",
  "COLOR_TEXT_LINK_INVERSE_DISABLED": "rgba(255, 255, 255, 0.15)",
  "COLOR_TEXT_MODAL": "rgb(255, 255, 255)",
  "COLOR_TEXT_MODAL_BUTTON": "rgb(84, 105, 141)",
  "COLOR_TEXT_STAGE_LEFT": "rgb(224, 229, 238)",
  "COLOR_TEXT_TAB_LABEL": "rgb(22, 50, 92)",
  "COLOR_TEXT_TAB_LABEL_SELECTED": "rgb(0, 112, 210)",
  "COLOR_TEXT_TAB_LABEL_HOVER": "rgb(0, 95, 178)",
  "COLOR_TEXT_TAB_LABEL_FOCUS": "rgb(0, 95, 178)",
  "COLOR_TEXT_TAB_LABEL_ACTIVE": "rgb(0, 57, 107)",
  "COLOR_TEXT_TAB_LABEL_DISABLED": "rgb(224, 229, 238)",
  "COLOR_TEXT_TOAST": "rgb(224, 229, 238)",
  "COLOR_TEXT_WARNING": "rgb(255, 183, 93)",
  "COLOR_TEXT_WARNING_ALT": "rgb(132, 72, 0)",
  "COLOR_TEXT_WEAK": "rgb(84, 105, 141)",
  "COLOR_TEXT_ICON_BRAND": "rgb(0, 112, 210)",
  "COLOR_TEXT_ICON_UTILITY": "rgb(159, 170, 181)",
  "COLOR_TEXT_TOGGLE_DISABLED": "rgb(216, 221, 230)",
  "COLOR_TEXT_BUTTON_BRAND": "rgb(255, 255, 255)",
  "COLOR_TEXT_BUTTON_BRAND_HOVER": "rgb(255, 255, 255)",
  "COLOR_TEXT_BUTTON_BRAND_ACTIVE": "rgb(255, 255, 255)",
  "COLOR_TEXT_BUTTON_BRAND_DISABLED": "rgb(255, 255, 255)",
  "COLOR_TEXT_BUTTON_DEFAULT": "rgb(0, 112, 210)",
  "COLOR_TEXT_BUTTON_DEFAULT_HOVER": "rgb(0, 112, 210)",
  "COLOR_TEXT_BUTTON_DEFAULT_ACTIVE": "rgb(0, 112, 210)",
  "COLOR_TEXT_BUTTON_DEFAULT_DISABLED": "rgb(216, 221, 230)",
  "COLOR_TEXT_BUTTON_DEFAULT_HINT": "rgb(159, 170, 181)",
  "COLOR_TEXT_BUTTON_INVERSE": "rgb(224, 229, 238)",
  "COLOR_TEXT_BUTTON_INVERSE_DISABLED": "rgba(255, 255, 255, 0.15)",
  "COLOR_TEXT_ICON_DEFAULT": "rgb(84, 105, 141)",
  "COLOR_TEXT_ICON_DEFAULT_HINT": "rgb(159, 170, 181)",
  "COLOR_TEXT_ICON_INVERSE_HINT": "rgba(255, 255, 255, 0.5)",
  "COLOR_TEXT_ICON_DEFAULT_HINT_BORDERLESS": "rgb(224, 229, 238)",
  "COLOR_TEXT_ICON_DEFAULT_HOVER": "rgb(0, 112, 210)",
  "COLOR_TEXT_ICON_DEFAULT_ACTIVE": "rgb(0, 57, 107)",
  "COLOR_TEXT_ICON_DEFAULT_DISABLED": "rgb(216, 221, 230)",
  "COLOR_TEXT_ICON_INVERSE": "rgb(255, 255, 255)",
  "COLOR_TEXT_ICON_INVERSE_HOVER": "rgb(255, 255, 255)",
  "COLOR_TEXT_ICON_INVERSE_ACTIVE": "rgb(255, 255, 255)",
  "COLOR_TEXT_ICON_INVERSE_DISABLED": "rgba(255, 255, 255, 0.15)",
  "COLOR_TEXT_ICON_INVERSE_HINT_HOVER": "rgba(255, 255, 255, 0.75)",
  "COLOR_TEXT_LABEL": "rgb(84, 105, 141)",
  "COLOR_TEXT_PLACEHOLDER": "rgb(84, 105, 141)",
  "COLOR_TEXT_PLACEHOLDER_INVERSE": "rgb(224, 229, 238)",
  "COLOR_TEXT_REQUIRED": "rgb(194, 57, 52)",
  "COLOR_TEXT_PILL": "rgb(0, 112, 210)",
  "COLOR_TEXT_SUCCESS": "rgb(2, 128, 72)",
  "COLOR_TEXT_SUCCESS_INVERSE": "rgb(75, 202, 129)",
  "TEXT_TRANSFORM": "none",
  "OPACITY_5": "0.5",
  "OPACITY_8": "0.8",
  "DURATION_INSTANTLY": "0s",
  "DURATION_IMMEDIATELY": "0.05s",
  "DURATION_QUICKLY": "0.1s",
  "DURATION_PROMPTLY": "0.2s",
  "DURATION_SLOWLY": "0.4s",
  "DURATION_PAUSED": "3.2s",
  "DURATION_TOAST_SHORT": "4.8s",
  "DURATION_TOAST_MEDIUM": "9.6s",
  "Z_INDEX_TOAST": "10000",
  "Z_INDEX_MODAL": "9000",
  "Z_INDEX_OVERLAY": "8000",
  "Z_INDEX_DROPDOWN": "7000",
  "Z_INDEX_DIALOG": "6000",
  "Z_INDEX_POPUP": "5000",
  "Z_INDEX_STICKY": "100",
  "Z_INDEX_DEFAULT": "1",
  "Z_INDEX_DOCKED": "4",
  "Z_INDEX_DEEPDIVE": "-99999",
  "COLOR_BACKGROUND_BUTTON_BRAND": "rgb(0, 112, 210)",
  "COLOR_BACKGROUND_BUTTON_BRAND_ACTIVE": "rgb(0, 57, 107)",
  "COLOR_BACKGROUND_BUTTON_BRAND_HOVER": "rgb(0, 95, 178)",
  "COLOR_BACKGROUND_BUTTON_BRAND_DISABLED": "rgb(224, 229, 238)",
  "COLOR_BACKGROUND_BUTTON_DEFAULT": "rgb(255, 255, 255)",
  "COLOR_BACKGROUND_BUTTON_DEFAULT_HOVER": "rgb(244, 246, 249)",
  "COLOR_BACKGROUND_BUTTON_DEFAULT_FOCUS": "rgb(244, 246, 249)",
  "COLOR_BACKGROUND_BUTTON_DEFAULT_ACTIVE": "rgb(238, 241, 246)",
  "COLOR_BACKGROUND_BUTTON_DEFAULT_DISABLED": "rgb(255, 255, 255)",
  "COLOR_BACKGROUND_BUTTON_ICON": "rgba(0, 0, 0, 0)",
  "COLOR_BACKGROUND_BUTTON_ICON_HOVER": "rgb(244, 246, 249)",
  "COLOR_BACKGROUND_BUTTON_ICON_FOCUS": "rgb(244, 246, 249)",
  "COLOR_BACKGROUND_BUTTON_ICON_ACTIVE": "rgb(238, 241, 246)",
  "COLOR_BACKGROUND_BUTTON_ICON_DISABLED": "rgb(255, 255, 255)",
  "COLOR_BACKGROUND_BUTTON_INVERSE": "rgba(0, 0, 0, 0)",
  "COLOR_BACKGROUND_BUTTON_INVERSE_ACTIVE": "rgba(0, 0, 0, 0.24)",
  "COLOR_BACKGROUND_BUTTON_INVERSE_DISABLED": "rgba(0, 0, 0, 0)",
  "LINE_HEIGHT_BUTTON": "1.875rem",
  "LINE_HEIGHT_BUTTON_SMALL": "1.75rem",
  "CARD_COLOR_BACKGROUND": "rgb(255, 255, 255)",
  "CARD_SPACING_SMALL": "0.75rem",
  "CARD_SPACING_MEDIUM": "1rem",
  "CARD_SPACING_LARGE": "1.5rem",
  "LINE_HEIGHT_TOGGLE": "1.3rem",
  "SQUARE_TOGGLE_SLIDER": "1.25rem",
  "WIDTH_TOGGLE": "3rem",
  "HEIGHT_TOGGLE": "1.5rem",
  "TABLE_SPACING_X_SMALL": "0.5rem",
  "COLOR_BACKGROUND_DOCKED_PANEL_HEADER": "rgb(247, 249, 251)",
  "HEIGHT_DOCKED_BAR": "2.5rem",
  "UTILITY_BAR_COLOR_BACKGROUND_NOTIFICATION_BADGE": "rgb(212, 80, 76)",
  "UTILITY_BAR_COLOR_BACKGROUND_NOTIFICATION_FOCUS": "rgb(168, 183, 199)",
  "COLOR_BACKGROUND_ICON_WAFFLE": "rgb(84, 105, 141)",
  "SQUARE_ICON_GLOBAL_IDENTITY_ICON": "1.25rem",
  "COLOR_BACKGROUND_CONTEXT_BAR": "rgb(255, 255, 255)",
  "COLOR_BACKGROUND_CONTEXT_BAR_BRAND_ACCENT": "rgb(0, 161, 223)",
  "COLOR_BACKGROUND_CONTEXT_BAR_ITEM_HOVER": "rgb(247, 249, 251)",
  "COLOR_BACKGROUND_CONTEXT_BAR_ITEM_ACTIVE": "rgb(247, 249, 251)",
  "COLOR_BACKGROUND_CONTEXT_TAB_BAR_ITEM": "rgb(255, 255, 255)",
  "COLOR_BACKGROUND_CONTEXT_BAR_INVERSE_ITEM_HOVER": "rgba(255, 255, 255, 0.2)",
  "COLOR_BACKGROUND_CONTEXT_BAR_INVERSE_ITEM_ACTIVE": "rgba(255, 255, 255, 0.4)",
  "COLOR_BACKGROUND_CONTEXT_BAR_SHADOW": "linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0) 100%)",
  "COLOR_BACKGROUND_CONTEXT_BAR_ACTION_HIGHLIGHT": "rgba(255, 255, 255, 0.2)",
  "COLOR_BORDER_CONTEXT_BAR_DIVIDER": "rgba(255, 255, 255, 0.2)",
  "COLOR_BORDER_CONTEXT_BAR_ITEM": "rgba(0, 0, 0, 0.2)",
  "COLOR_BORDER_CONTEXT_BAR_INVERSE_ITEM": "rgba(255, 255, 255, 0.2)",
  "COLOR_BORDER_CONTEXT_BAR_THEME_DEFAULT": "rgb(0, 161, 223)",
  "COLOR_BORDER_CONTEXT_BAR_THEME_DEFAULT_ALT": "rgb(228, 233, 243)",
  "COLOR_BORDER_CONTEXT_BAR_THEME_DEFAULT_HOVER": "rgb(11, 35, 153)",
  "COLOR_BORDER_CONTEXT_BAR_THEME_DEFAULT_ACTIVE": "rgb(228, 233, 243)",
  "HEIGHT_CONTEXT_BAR": "2.5rem",
  "COLOR_TEXT_CONTEXT_BAR": "rgb(84, 105, 141)",
  "COLOR_TEXT_CONTEXT_BAR_INVERSE": "rgb(255, 255, 255)",
  "COLOR_TEXT_CONTEXT_BAR_ACTION_TRIGGER": "rgba(255, 255, 255, 0.4)",
  "COLOR_BACKGROUND_ANCHOR": "rgb(244, 246, 249)",
  "COLOR_BACKGROUND_PAGE_HEADER": "rgb(247, 249, 251)",
  "COLOR_BACKGROUND_PATH_COMPLETE": "rgb(75, 202, 129)",
  "COLOR_BACKGROUND_PATH_COMPLETE_HOVER": "rgb(4, 132, 75)",
  "COLOR_BACKGROUND_PATH_CURRENT": "rgb(0, 112, 210)",
  "COLOR_BACKGROUND_PATH_CURRENT_HOVER": "rgb(0, 95, 178)",
  "COLOR_BACKGROUND_PATH_INCOMPLETE": "rgb(224, 229, 238)",
  "COLOR_BACKGROUND_PATH_INCOMPLETE_HOVER": "rgb(216, 221, 230)",
  "COLOR_BACKGROUND_PATH_LOST": "rgb(194, 57, 52)",
  "COLOR_BACKGROUND_GUIDANCE": "rgb(250, 250, 251)",
  "COLOR_BORDER_PATH_DIVIDER": "rgb(255, 255, 255)",
  "LINE_HEIGHT_SALESPATH": "1.5rem",
  "HEIGHT_SALES_PATH": "2rem",
  "PROGRESS_COLOR_BACKGROUND": "rgb(255, 255, 255)",
  "PROGRESS_COLOR_BACKGROUND_SHADE": "rgb(244, 246, 249)",
  "PROGRESS_BAR_COLOR_BACKGROUND": "rgb(216, 221, 230)",
  "PROGRESS_BAR_COLOR_BACKGROUND_FILL": "rgb(94, 180, 255)",
  "PROGRESS_COLOR_BORDER": "rgb(255, 255, 255)",
  "PROGRESS_COLOR_BORDER_SHADE": "rgb(244, 246, 249)",
  "PROGRESS_COLOR_BORDER_HOVER": "rgb(0, 112, 210)",
  "PROGRESS_COLOR_BORDER_ACTIVE": "rgb(21, 137, 238)",
  "PROGRESS_BAR_HEIGHT": "0.125rem",
  "SPLIT_VIEW_COLOR_BACKGROUND": "rgb(228, 233, 243)",
  "SPLIT_VIEW_COLOR_BACKGROUND_ROW_HOVER": "rgb(238, 241, 246)",
  "SPLIT_VIEW_COLOR_BORDER": "rgb(206, 213, 225)",
  "VERTICAL_NAVIGATION_COLOR_BACKGROUND_SHADE_ROW_HOVER": "rgb(238, 241, 246)",
  "VERTICAL_NAVIGATION_COLOR_BACKGROUND_SHADE_ROW_ACTIVE": "rgb(232, 236, 243)"
}