@penaprieto/design-system
Version:
Multi-brand React design system with design tokens from Figma
462 lines (461 loc) • 19.4 kB
JSON
{
"BrightBlue100": "#f2f6fc",
"BrightBlue200": "#e3efff",
"BrightBlue300": "#b9d7ff",
"BrightBlue400": "#90c0ff",
"BrightBlue500": "#64a7ff",
"BrightBlue600": "#3089ff",
"BrightBlue700": "#006eff",
"BrightBlue800": "#0059cd",
"BrightBlue900": "#0047a5",
"BrightBlue1000": "#00357b",
"Indigo100": "#f8fafd",
"Indigo200": "#e9eef8",
"Indigo300": "#cad5ee",
"Indigo400": "#abbde4",
"Indigo500": "#8da5da",
"Indigo600": "#6b8ace",
"Indigo700": "#486ec3",
"Indigo800": "#2e5abb",
"Indigo900": "#083cae",
"Indigo1000": "#06308a",
"BlueCorp100": "#ededf1",
"BlueCorp200": "#d3d4dc",
"BlueCorp300": "#bbbcc8",
"BlueCorp400": "#a2a4b4",
"BlueCorp500": "#878a9f",
"BlueCorp600": "#6c6f89",
"BlueCorp700": "#5a5d7b",
"BlueCorp800": "#464a6b",
"BlueCorp900": "#31355a",
"BlueCorp1000": "#080d39",
"Sky100": "#f9fafd",
"Sky200": "#e9eef8",
"Sky300": "#d8e0f2",
"Sky400": "#ced8ef",
"Sky500": "#c1cbe0",
"Sky600": "#9ea5b6",
"Sky700": "#858b99",
"Sky800": "#6c717c",
"Sky900": "#5b5f69",
"Sky1000": "#494c53",
"Cloud100": "#f8fafd",
"Cloud200": "#e9eef8",
"Cloud300": "#d0d5de",
"Cloud400": "#b9bdc5",
"Cloud500": "#a2a5ac",
"Cloud600": "#888b91",
"Cloud700": "#6f7175",
"Cloud800": "#5e5f63",
"Cloud900": "#4b4c4f",
"Cloud1000": "#37383a",
"Pink100": "#fde9ee",
"Pink200": "#fbc7d5",
"Pink300": "#f9a5bb",
"Pink400": "#f6809e",
"Pink500": "#f34d78",
"Pink600": "#f13465",
"Pink700": "#d32e58",
"Pink800": "#a32444",
"Pink900": "#821c36",
"Pink1000": "#6b172d",
"Green100": "#f3ffd2",
"Green200": "#ddfe80",
"Green300": "#c0fe15",
"Green400": "#aaee2f",
"Green500": "#96d425",
"Green600": "#7faf27",
"Green700": "#688c25",
"Green800": "#536f1e",
"Green900": "#455d1a",
"Green1000": "#384915",
"AlphaWhite100": "#ffffff",
"AlphaWhite90": "#ffffffe6",
"AlphaWhite80": "#ffffffcc",
"AlphaWhite70": "#ffffffb3",
"AlphaWhite60": "#ffffff99",
"AlphaWhite50": "#ffffff80",
"AlphaWhite40": "#ffffff66",
"AlphaWhite30": "#ffffff4d",
"AlphaWhite20": "#ffffff33",
"AlphaWhite10": "#ffffff1a",
"AlphaWhite5": "#ffffff0d",
"AlphaWhite0": "#ffffff00",
"AlphaIndigo100": "#083cae",
"AlphaIndigo90": "#083caee6",
"AlphaIndigo80": "#083caecc",
"AlphaIndigo70": "#083caeb3",
"AlphaIndigo60": "#083cae99",
"AlphaIndigo50": "#083cae80",
"AlphaIndigo40": "#083cae66",
"AlphaIndigo30": "#083cae4d",
"AlphaIndigo20": "#083cae33",
"AlphaIndigo10": "#083cae1a",
"AlphaIndigo5": "#083cae0d",
"AlphaPink100": "#f13465",
"AlphaPink90": "#f13465e6",
"AlphaPink80": "#f13465cc",
"AlphaPink70": "#f13465b3",
"AlphaPink60": "#f1346599",
"AlphaPink50": "#f1346580",
"AlphaPink40": "#f1346566",
"AlphaPink30": "#f134654d",
"AlphaPink20": "#f1346533",
"AlphaPink10": "#f134651a",
"AlphaPink5": "#f134650d",
"AlphaCorp100": "#080d39",
"AlphaCorp90": "#080d39e6",
"AlphaCorp80": "#080d39cc",
"AlphaCorp70": "#080d39b3",
"AlphaCorp60": "#080d3999",
"AlphaCorp50": "#080d3980",
"AlphaCorp40": "#080d3966",
"AlphaCorp30": "#080d394d",
"AlphaCorp20": "#080d3933",
"AlphaCorp10": "#080d391a",
"AlphaCorp5": "#080d390d",
"AlphaBlack100": "#000000",
"AlphaBlack90": "#000000e6",
"AlphaBlack80": "#000000cc",
"AlphaBlack70": "#000000b3",
"AlphaBlack60": "#00000099",
"AlphaBlack50": "#00000080",
"AlphaBlack40": "#00000066",
"AlphaBlack30": "#0000004d",
"AlphaBlack20": "#00000033",
"AlphaBlack10": "#0000001a",
"AlphaBlack5": "#0000000d",
"AlphaBlack0": "#00000000",
"Gold100": "#fff8e9",
"Gold200": "#fff1d3",
"Gold300": "#ffe3a7",
"Gold400": "#ffd67c",
"Gold500": "#ffc850",
"Gold600": "#ffba24",
"Gold700": "#cc951d",
"Gold800": "#997016",
"Gold900": "#664a0e",
"Gold1000": "#332507",
"Red100": "#fce8e8",
"Red200": "#fbdfdf",
"Red300": "#f6a6a6",
"Red400": "#f17979",
"Red500": "#ed4d4d",
"Red600": "#e82020",
"Red700": "#a51717",
"Red800": "#8b1313",
"Red900": "#610d0d",
"Red1000": "#2e0606",
"DarkGreen100": "#ebfbf1",
"DarkGreen200": "#d7f6e3",
"DarkGreen300": "#afedc7",
"DarkGreen400": "#88e5ab",
"DarkGreen500": "#60dc8f",
"DarkGreen600": "#38d373",
"DarkGreen700": "#2da95c",
"DarkGreen800": "#227f45",
"DarkGreen900": "#16542e",
"DarkGreen1000": "#0b2a17",
"FontWeightLight": 300,
"FontFamily": "Outfit, sans-serif",
"LineHeightBody": "150%",
"LineHeightHeading": "110%",
"FontWeightRegular": 400,
"FontWeightMedium": 500,
"FontWeightBold": 700,
"BaseValue": "16",
"BrandPrimaryDefault": "#38d373",
"BrandPrimaryHover": "#2da95c",
"BrandPrimaryActive": "#16542e",
"BrandAccentDefault": "#ffba24",
"BrandAccentHover": "#cc951d",
"BrandAccentActive": "#664a0e",
"BrandSuccess": "#006eff",
"BrandError": "#e82020",
"BrandWarning": "#f13465",
"BrandFontFamilyPrimary": "Outfit, sans-serif",
"BrandFontFamilySecondary": "Inter, sans-serif",
"SemanticBgActionPrimaryDefault": "#ffba24",
"SemanticBgActionPrimaryHover": "#cc951d",
"SemanticBgActionPrimaryActive": "#664a0e",
"SemanticBgActionPrimaryDisabled": "#f6809e",
"SemanticBgActionSecondaryDefault": "#083cae0d",
"SemanticBgActionSecondaryHover": "#083cae1a",
"SemanticBgActionSecondaryActive": "#083cae33",
"SemanticBgActionSecondaryDisabled": "#083cae1a",
"SemanticBgActionSecondaryInverseDefault": "#ffffff1a",
"SemanticBgActionSecondaryInverseHover": "#ffffff33",
"SemanticBgActionSecondaryInverseActive": "#ffffff4d",
"SemanticBgActionSecondaryInverseDisabled": "#ffffff0d",
"SemanticBgActionTertiaryHover": "#083cae0d",
"SemanticBgActionTertiaryActive": "#083cae1a",
"SemanticBgActionTertiaryInverseHover": "#ffffff0d",
"SemanticBgActionTertiaryInverseActive": "#ffffff1a",
"SemanticBgActionBrandDefault": "#38d373",
"SemanticBgActionBrandHover": "#2da95c",
"SemanticBgActionBrandActive": "#16542e",
"SemanticBgActionBrandDisabled": "#8da5da",
"SemanticBgActionBrandSubtleDefault": "#e9eef8",
"SemanticBgActionBrandSubtleHover": "#cad5ee",
"SemanticBgActionBrandSubtleActive": "#abbde4",
"SemanticBgActionGhostHover": "#080d390d",
"SemanticBgActionGhostActive": "#080d391a",
"SemanticBgDefault": "#f8fafd",
"SemanticBgSurfaceDefault": "#ffffff",
"SemanticBgSurfaceInverse": "#080d39",
"SemanticBgDisabled": "#ededf1",
"SemanticBgWarning": "#fff8e9",
"SemanticBgError": "#fce8e8",
"SemanticBgSuccess": "#ebfbf1",
"SemanticBgInfo": "#e3efff",
"SemanticBgOverlay": "#000000cc",
"SemanticBgNeutral": "#000000",
"SemanticBgDefaultAlt": "#f2f6fc",
"SemanticIconBrandDisabled": "#8da5da",
"SemanticIconBrandDefault": "#38d373",
"SemanticIconBrandBold": "#38d373",
"SemanticIconDefaultBold": "#080d39",
"SemanticIconDefaultDefault": "#5a5d7b",
"SemanticIconDefaultDisabled": "#d3d4dc",
"SemanticIconInverseBold": "#ffffff",
"SemanticIconInverseDefault": "#ffffffb3",
"SemanticIconInverseDisabled": "#ffffff4d",
"SemanticIconSuccess": "#38d373",
"SemanticIconError": "#e82020",
"SemanticIconWarning": "#ffba24",
"SemanticFocusPink": "0px 0px 0px 8px rgba(241,52,101,0.3)",
"SemanticFocusIndigo": "0px 0px 0px 8px rgba(8,60,174,0.3)",
"SemanticFocusBrightBlue": "0px 0px 0px 8px rgba(0,110,255,0.3)",
"SemanticFocusWhite": "0px 0px 0px 8px rgba(255,255,255,0.2)",
"SemanticFocusSky": "0px 0px 0px 8px rgba(206,216,240,0.4)",
"SemanticFocusCorp": "0px 0px 0px 8px rgba(8,13,57,0.1)",
"SemanticElevationElevation1": "0px 1px 2px 0px rgba(8,13,57,0.12), 0px 1px 6px 0px rgba(9,61,173,0.05)",
"SemanticElevationElevation2": "0px 3px 3px -1px rgba(8,13,57,0.12), 0px 3px 12px 0px rgba(9,61,173,0.08)",
"SemanticElevationElevation3": "0px 4px 5px -3px rgba(8,13,56,0.12), 0px 6px 18px 0px rgba(9,61,173,0.08)",
"SemanticElevationElevation4": "0px 9px 12px -5px rgba(8,13,56,0.12), 0px 10px 32px 0px rgba(9,61,173,0.12)",
"SemanticElevationElevation5": "0px 17px 12px -7px rgba(8,13,56,0.12), 0px 14px 46px 0px rgba(9,61,173,0.16)",
"SemanticBorderInverseBold": "#ffffff",
"SemanticBorderInverseDefault": "#ffffff80",
"SemanticBorderInverseSubtle": "#ffffff33",
"SemanticBorderDefaultSubtle": "#ededf1",
"SemanticBorderDefaultDefault": "#d3d4dc",
"SemanticBorderDefaultBold": "#6c6f89",
"SemanticBorderBrandSubtle": "#8da5da",
"SemanticBorderBrandDefault": "#38d373",
"SemanticBorderBrandBold": "#38d373",
"SemanticBorderBrandBolder": "#2da95c",
"SemanticBorderErrorDefault": "#e82020",
"SemanticBorderErrorSubtle": "#fbdfdf",
"SemanticBorderWarningSubtle": "#fff1d3",
"SemanticBorderSuccessSubtle": "#d7f6e3",
"SemanticBorderInfoSubtle": "#b9d7ff",
"SemanticBorderAccent": "#ffba24",
"SemanticTextCorpPrimary": "#080d39",
"SemanticTextCorpSecondary": "#5a5d7b",
"SemanticTextCorpDisabled": "#878a9f",
"SemanticTextIndigoPrimary": "#083cae",
"SemanticTextIndigoSecondary": "#486ec3",
"SemanticTextWhitePrimary": "#ffffff",
"SemanticTextWhiteSecondary": "#ffffffb3",
"SemanticTextPinkPrimary": "#ffba24",
"SemanticTextBrandPrimary": "#38d373",
"SemanticTextWarning": "#664a0e",
"SemanticTextError": "#8b1313",
"SemanticTextSuccess": "#16542e",
"DisplayDisplayClean": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"110%","fontSize":"72px","letterSpacing":"-0.02px"},
"HeadingH1": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"110%","fontSize":"48px","letterSpacing":"-0.02px"},
"HeadingH2": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"110%","fontSize":"40px"},
"HeadingH3": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"110%","fontSize":"28px","letterSpacing":"-0.02px"},
"HeadingH4": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"fontSize":"24px","lineHeight":"110%"},
"HeadingH5": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"110%","fontSize":"18px"},
"HeadingTag": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"150%","fontSize":"10px"},
"BodyXLarge": {"fontFamily":"Outfit, sans-serif","fontWeight":300,"fontSize":"20px","lineHeight":"150%"},
"BodyLargeStrong": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"150%","fontSize":"18px"},
"BodyLarge": {"fontFamily":"Outfit, sans-serif","fontWeight":300,"lineHeight":"150%","fontSize":"18px"},
"BodyRegularStrong": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"150%","fontSize":"16px"},
"BodyRegular": {"fontFamily":"Outfit, sans-serif","fontWeight":300,"lineHeight":"150%","fontSize":"16px"},
"BodySmallStrong": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"150%","fontSize":"14px"},
"BodySmall": {"fontFamily":"Outfit, sans-serif","fontWeight":300,"lineHeight":"150%","fontSize":"14px"},
"BodyXSmall": {"fontFamily":"Outfit, sans-serif","fontWeight":300,"lineHeight":"150%","fontSize":"12px"},
"MobileDisplayCleanM": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"110%","fontSize":"48px","letterSpacing":"-0.02px"},
"MobileH1M": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"110%","fontSize":"32px","letterSpacing":"-0.02px"},
"MobileH2M": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"110%","fontSize":"28px"},
"MobileH3M": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"110%","fontSize":"24px"},
"MobileH4M": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"110%","fontSize":"20px"},
"Size0": "2px",
"Size1": "4px",
"Size2": "8px",
"Size3": "12px",
"Size4": "16px",
"Size5": "24px",
"Size6": "32px",
"Size7": "40px",
"Size8": "48px",
"Size9": "64px",
"Size10": "80px",
"Size11": "120px",
"Size12": "160px",
"BrXs": "4px",
"BrSm": "8px",
"BrMd": "16px",
"BrLg": "24px",
"BrXl": "40px",
"BrFull": "9999px",
"ButtonPrimaryBgDefault": "#ffba24",
"ButtonPrimaryBgHover": "#cc951d",
"ButtonPrimaryBgActive": "#664a0e",
"ButtonPrimaryBgDisabled": "#f6809e",
"ButtonPrimaryBorderDefault": "#ffffff33",
"ButtonSecondaryBgDefault": "#083cae0d",
"ButtonSecondaryBgHover": "#083cae1a",
"ButtonSecondaryBgActive": "#083cae33",
"ButtonSecondaryBgDisabled": "#083cae1a",
"ButtonSecondaryBgInverseDefault": "#ffffff1a",
"ButtonSecondaryBgInverseHover": "#ffffff33",
"ButtonSecondaryBgInverseActive": "#ffffff4d",
"ButtonSecondaryBgInverseDisabled": "#ffffff0d",
"ButtonTertiaryBgHover": "#083cae0d",
"ButtonTertiaryBgActive": "#083cae1a",
"ButtonTertiaryBgInverseHover": "#ffffff0d",
"ButtonTertiaryBgInverseActive": "#ffffff1a",
"ButtonTertiaryBorderDefault": "#38d373",
"ButtonTertiaryBorderDisabled": "#8da5da",
"ButtonTertiaryBorderInverseDefault": "#ffffff",
"ButtonTertiaryBorderInverseDisabled": "#ffffff33",
"ButtonGhostBgHover": "#080d390d",
"ButtonGhostBgActive": "#080d391a",
"ButtonGhostBgInverseHover": "#ffffff0d",
"ButtonGhostBgInverseActive": "#ffffff1a",
"ButtonLarge": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"150%","fontSize":"18px"},
"ButtonMedium": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"150%","fontSize":"16px"},
"ButtonSmall": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"150%","fontSize":"14px"},
"TextFieldBorderDefault": "#d3d4dc",
"TextFieldBorderHover": "#6c6f89",
"TextFieldBorderFocus": "#38d373",
"TextFieldBorderError": "#e82020",
"TextFieldBgDefault": "#ffffff",
"TextFieldBgDisabled": "#ededf1",
"TextFieldLabel": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"150%","fontSize":"14px"},
"TextFieldPlaceholder": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"150%","fontSize":"16px"},
"TextFieldAssistiveText": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"150%","fontSize":"14px"},
"SwitchSelectedBgDefault": "#38d373",
"SwitchSelectedBgHover": "#2da95c",
"SwitchBgDisabled": "#ededf1",
"SwitchBgDefault": "#ffffff",
"SwitchBorderDefault": "#ffffff33",
"SwitchBorderDisabled": "#d3d4dc",
"SwitchUnselectedBgDefault": "#e9eef8",
"SwitchUnselectedBgHover": "#cad5ee",
"RadioSelectedBgDefault": "#38d373",
"RadioSelectedBgHover": "#2da95c",
"RadioSelectedBgDisabled": "#8da5da",
"RadioSelectedBorderDefault": "#38d373",
"RadioSelectedBorderHover": "#2da95c",
"RadioSelectedBorderDisabled": "#8da5da",
"RadioBgDefault": "#ffffff",
"RadioBgDisabled": "#ededf1",
"RadioUnselectedBorderDefault": "#d3d4dc",
"RadioUnselectedBorderHover": "#6c6f89",
"DropdownBgDefault": "#ffffff",
"DropdownBgHover": "#083cae0d",
"DropdownBgActive": "#083cae1a",
"CheckboxSelectedBgDefault": "#38d373",
"CheckboxSelectedBgHover": "#2da95c",
"CheckboxSelectedBgDisabled": "#083cae1a",
"CheckboxSelectedBorderDefault": "#ffffff33",
"CheckboxUnselectedBorderDefault": "#d3d4dc",
"CheckboxUnselectedBorderHover": "#6c6f89",
"CheckboxUnselectedBgDefault": "#ffffff",
"CheckboxUnselectedBgDisabled": "#ededf1",
"AlertWarningBg": "#fff8e9",
"AlertWarningBorder": "#fff1d3",
"AlertErrorBg": "#fce8e8",
"AlertErrorBorder": "#fbdfdf",
"AlertSuccessBg": "#ebfbf1",
"AlertSuccessBorder": "#d7f6e3",
"AlertInfoBg": "#e3efff",
"AlertInfoBorder": "#b9d7ff",
"AlertNeutralBg": "#000000",
"AlertNeutralBorder": "#ffffff33",
"AlertDefault": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"150%","fontSize":"14px"},
"AlertDescription": {"fontFamily":"Outfit, sans-serif","fontWeight":300,"lineHeight":"150%","fontSize":"14px"},
"SliderTrackBgDefault": "#38d373",
"SliderTrackBgHover": "#2da95c",
"SliderTrackBgDisabled": "#8da5da",
"SliderBorderDefault": "#ffffff33",
"SliderBgDisabled": "#ededf1",
"RadioCardUnselectedBgDefault": "#ffffff",
"RadioCardUnselectedBgDisabled": "#ededf1",
"RadioCardUnselectedBorderDefault": "#d3d4dc",
"RadioCardUnselectedBorderHover": "#6c6f89",
"RadioCardSelectedBgDefault": "#38d373",
"RadioCardSelectedBgHover": "#2da95c",
"RadioCardSelectedBgDisabled": "#8da5da",
"RadioCardSelectedBorderDefault": "#ffffff33",
"TagSuccessBg": "#ebfbf1",
"TagSuccessBorder": "#d7f6e3",
"TagErrorBg": "#fce8e8",
"TagErrorBorder": "#fbdfdf",
"TagWarningBg": "#fff8e9",
"TagWarningBorder": "#fff1d3",
"TagInfoBg": "#e3efff",
"TagInfoBorder": "#b9d7ff",
"TagFeaturedBorder": "#ffffff33",
"TagFeaturedBg": "#38d373",
"TagPromoBg": "#080d39",
"TagPromoBorder": "#ffffff33",
"LinkWarningBgHover": "#ffba24",
"LinkWarningBgActive": "#ffba24",
"LinkErrorBgHover": "#e82020",
"LinkErrorBgActive": "#e82020",
"LinkSuccessBgHover": "#38d373",
"LinkSuccessBgActive": "#38d373",
"LinkBrandBgHover": "#083cae1a",
"LinkBrandBgActive": "#083cae33",
"LinkWhiteBgHover": "#ffffff33",
"LinkWhiteBgActive": "#ffffff4d",
"LinkLarge": {"fontFamily":"Outfit, sans-serif","fontWeight":300,"lineHeight":"150%","fontSize":"18px","textDecoration":"underline"},
"LinkXLarge": {"fontFamily":"Outfit, sans-serif","fontWeight":300,"fontSize":"20px","lineHeight":"150%","textDecoration":"underline"},
"LinkLargeStrong": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"150%","fontSize":"18px","textDecoration":"underline"},
"LinkRegular": {"fontFamily":"Outfit, sans-serif","fontWeight":300,"lineHeight":"150%","fontSize":"16px","textDecoration":"underline"},
"LinkRegularStrong": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"150%","fontSize":"16px","textDecoration":"underline"},
"LinkSmall": {"fontFamily":"Outfit, sans-serif","fontWeight":300,"lineHeight":"150%","fontSize":"14px","textDecoration":"underline"},
"LinkSmallStrong": {"fontFamily":"Outfit, sans-serif","fontWeight":400,"lineHeight":"150%","fontSize":"14px","textDecoration":"underline"},
"LinkXSmall": {"fontFamily":"Outfit, sans-serif","fontWeight":300,"lineHeight":"150%","fontSize":"12px","textDecoration":"underline"},
"NavBgInverse": "#2da95c",
"NavBgDefault": "#ffffff",
"PillSelectedBgDefault": "#38d373",
"PillSelectedBgHover": "#2da95c",
"PillSelectedBgActive": "#16542e",
"PillSelectedBgDisabled": "#8da5da",
"PillUnselectedBgDefault": "#083cae0d",
"PillUnselectedBgHover": "#083cae1a",
"PillUnselectedBgActive": "#083cae33",
"PillUnselectedBgDisabled": "#083cae1a",
"AvatarBgDefault": "#e9eef8",
"AvatarBgHover": "#cad5ee",
"AvatarBgActive": "#abbde4",
"AvatarBgDisabled": "#ededf1",
"AvatarBgOverlayHover": "#080d394d",
"AvatarBgOverlayActive": "#080d3966",
"SkeletonBgDefaultGradient": "linear-gradient(90deg, #00000000, #0000000d, #00000000)",
"SkeletonBgDefaultDefault": "#0000000d",
"SkeletonBgInverseDefault": "#ffffff1a",
"SkeletonBgInverseGradient": "linear-gradient(90deg, #ffffff00, #ffffff1a, #ffffff00)",
"StepperIndicatorPendingBg": "#ffffff",
"StepperIndicatorPendingBorder": "#d3d4dc",
"StepperIndicatorPendingText": "#5a5d7b",
"StepperIndicatorCurrentBg": "#38d373",
"StepperIndicatorCurrentText": "#ffffff",
"StepperIndicatorCompletedBg": "#38d373",
"StepperIndicatorCompletedText": "#ffffff",
"StepperIndicatorErrorBg": "#fce8e8",
"StepperIndicatorErrorBorder": "#fbdfdf",
"StepperIndicatorErrorText": "#8b1313",
"StepperConnectorDefault": "#ededf1",
"StepperConnectorCompleted": "#38d373",
"StepperLabelDefault": "#080d39",
"StepperLabelPending": "#5a5d7b",
"TimepickerDropdownBg": "#ffffff",
"TimepickerDropdownBorder": "#d3d4dc"
}