@department-of-veterans-affairs/mobile-tokens
Version:
VA Design System Mobile Token Library
292 lines (291 loc) • 12.4 kB
JavaScript
export const colors = {
colorLinkDefaultHover: 'rgba(#000000, 0.05)',
uswdsSystemColorBlue10: '#d9e8f6',
uswdsSystemColorBlue20: '#aacdec',
uswdsSystemColorBlue30: '#73b3e7',
uswdsSystemColorBlue40: '#4f97d1',
uswdsSystemColorBlue5: '#eff6fb',
uswdsSystemColorBlue50: '#2378c3',
uswdsSystemColorBlue60: '#2c608a',
uswdsSystemColorBlue70: '#274863',
uswdsSystemColorBlue80: '#1f303e',
uswdsSystemColorBlue90: '#11181d',
uswdsSystemColorBlueCool60: '#2e6276',
uswdsSystemColorBlueCoolVivid20: '#97d4ea',
uswdsSystemColorBlueCoolVivid40: '#28a0cb',
uswdsSystemColorBlueCoolVivid5: '#e1f3f8',
uswdsSystemColorBlueCoolVivid60: '#07648d',
uswdsSystemColorBlueVivid30: '#58b4ff',
uswdsSystemColorBlueVivid50: '#0076d6',
uswdsSystemColorBlueVivid60: '#005ea2',
uswdsSystemColorBlueVivid70: '#0b4778',
uswdsSystemColorBlueVivid80: '#112f4e',
uswdsSystemColorBlueWarm10: '#e1e7f1',
uswdsSystemColorBlueWarm30: '#98afd2',
uswdsSystemColorBlueWarm5: '#ecf1f7',
uswdsSystemColorBlueWarm50: '#4a77b4',
uswdsSystemColorBlueWarm60: '#345d96',
uswdsSystemColorBlueWarm80: '#252f3e',
uswdsSystemColorBlueWarmVivid60: '#0050d8',
uswdsSystemColorBlueWarmVivid70: '#1a4480',
uswdsSystemColorBlueWarmVivid80: '#162e51',
uswdsSystemColorCyan20: '#99deea',
uswdsSystemColorCyan5: '#e7f6f8',
uswdsSystemColorCyanVivid30: '#00bde3',
uswdsSystemColorCyanVivid40: '#009ec1',
uswdsSystemColorGold50: '#8e704f',
uswdsSystemColorGoldVivid10: '#ffe396',
uswdsSystemColorGoldVivid20: '#ffbe2e',
uswdsSystemColorGoldVivid30: '#e5a000',
uswdsSystemColorGoldVivid40: '#c2850c',
uswdsSystemColorGoldVivid5: '#fef0c8',
uswdsSystemColorGoldVivid50: '#936f38',
uswdsSystemColorGray1: '#fcfcfc',
uswdsSystemColorGray10: '#e6e6e6',
uswdsSystemColorGray100: '#000000',
uswdsSystemColorGray2: '#f9f9f9',
uswdsSystemColorGray20: '#c9c9c9',
uswdsSystemColorGray3: '#f6f6f6',
uswdsSystemColorGray30: '#adadad',
uswdsSystemColorGray4: '#f3f3f3',
uswdsSystemColorGray40: '#919191',
uswdsSystemColorGray5: '#f0f0f0',
uswdsSystemColorGray50: '#757575',
uswdsSystemColorGray60: '#5c5c5c',
uswdsSystemColorGray70: '#454545',
uswdsSystemColorGray80: '#2e2e2e',
uswdsSystemColorGray90: '#1b1b1b',
uswdsSystemColorGrayCool1: '#fbfcfd',
uswdsSystemColorGrayCool10: '#dfe1e2',
uswdsSystemColorGrayCool2: '#f7f9fa',
uswdsSystemColorGrayCool20: '#c6cace',
uswdsSystemColorGrayCool3: '#f5f6f7',
uswdsSystemColorGrayCool30: '#a9aeb1',
uswdsSystemColorGrayCool4: '#f1f3f6',
uswdsSystemColorGrayCool40: '#8d9297',
uswdsSystemColorGrayCool5: '#edeff0',
uswdsSystemColorGrayCool50: '#71767a',
uswdsSystemColorGrayCool60: '#565c65',
uswdsSystemColorGrayCool70: '#3d4551',
uswdsSystemColorGrayCool80: '#2d2e2f',
uswdsSystemColorGrayCool90: '#1c1d1f',
uswdsSystemColorGrayWarm10: '#e6e6e2',
uswdsSystemColorGrayWarm70: '#454540',
uswdsSystemColorGrayWarm90: '#171716',
uswdsSystemColorGreenCool20: '#b4d0b9',
uswdsSystemColorGreenCool40: '#5e9f69',
uswdsSystemColorGreenCool5: '#ecf3ec',
uswdsSystemColorGreenCool50: '#4d8055',
uswdsSystemColorGreenCoolVivid20: '#70e17b',
uswdsSystemColorGreenCoolVivid30: '#21c834',
uswdsSystemColorGreenCoolVivid40: '#00a91c',
uswdsSystemColorGreenCoolVivid50: '#008817',
uswdsSystemColorGreenCoolVivid60: '#216e1f',
uswdsSystemColorGreenCoolVivid70: '#154c21',
uswdsSystemColorGreenCoolVivid80: '#19311e',
uswdsSystemColorGreenWarm50: '#6f7a41',
uswdsSystemColorIndigoCool60: '#3f57a6',
uswdsSystemColorMintCool50: '#40807e',
uswdsSystemColorOrange40: '#dd7533',
uswdsSystemColorOrangeWarm50: '#bd5727',
uswdsSystemColorRed30: '#f2938c',
uswdsSystemColorRed50: '#d83933',
uswdsSystemColorRed60: '#a23737',
uswdsSystemColorRed70: '#6f3331',
uswdsSystemColorRedCoolVivid10: '#f8dfe2',
uswdsSystemColorRedCoolVivid50: '#e41d3d',
uswdsSystemColorRedCoolVivid60: '#b21d38',
uswdsSystemColorRedCoolVivid70: '#822133',
uswdsSystemColorRedVivid40: '#fb5a47',
uswdsSystemColorRedVivid60: '#b50909',
uswdsSystemColorRedVivid70: '#8b0a03',
uswdsSystemColorRedVivid80: '#5c1111',
uswdsSystemColorRedWarm10: '#f4e3db',
uswdsSystemColorRedWarm80: '#332d29',
uswdsSystemColorRedWarmVivid30: '#f39268',
uswdsSystemColorRedWarmVivid50: '#d54309',
uswdsSystemColorRedWarmVivid60: '#9c3d10',
uswdsSystemColorVioletVivid70: '#54278f',
uswdsSystemColorVioletWarm60: '#864381',
uswdsSystemColorYellow5: '#faf3d1',
uswdsSystemColorYellow50: '#8a7237',
uswdsSystemColorYellowVivid10: '#fee685',
uswdsSystemColorYellowVivid20: '#face00',
uswdsSystemColorYellowVivid80: '#422d19',
vadsButtonColorBackgroundPrimaryAltActiveOnLight: '#154c21',
vadsButtonColorBackgroundSecondaryOnLight: '#ffffff',
vadsButtonColorTextPrimaryAltOnLight: '#ffffff',
vadsButtonColorTextPrimaryOnLight: '#ffffff',
vadsColorActionBorderBaseActiveOnDark: '#adadad',
vadsColorActionBorderBaseActiveOnLight: '#2e2e2e',
vadsColorActionBorderBaseOnDark: '#f0f0f0',
vadsColorActionBorderBaseOnLight: '#757575',
vadsColorActionBorderDefaultActiveOnDark: '#e1f3f8',
vadsColorActionBorderDefaultActiveOnLight: '#162e51',
vadsColorActionBorderDefaultOnDark: '#58b4ff',
vadsColorActionBorderDefaultOnLight: '#005ea2',
vadsColorActionFocusOnLight: '#face00',
vadsColorActionForegroundBaseActiveOnDark: '#adadad',
vadsColorActionForegroundBaseActiveOnLight: '#2e2e2e',
vadsColorActionForegroundBaseOnDark: '#f0f0f0',
vadsColorActionForegroundBaseOnLight: '#757575',
vadsColorActionForegroundDefaultActiveOnDark: '#e1f3f8',
vadsColorActionForegroundDefaultActiveOnLight: '#162e51',
vadsColorActionForegroundDefaultOnDark: '#58b4ff',
vadsColorActionForegroundDefaultOnLight: '#005ea2',
vadsColorActionForegroundInverseActiveOnDark: '#565c65',
vadsColorActionForegroundInverseActiveOnLight: '#a9aeb1',
vadsColorActionForegroundInverseOnDark: '#000000',
vadsColorActionForegroundInverseOnLight: '#ffffff',
vadsColorActionSurfaceBaseActiveOnDark: '#adadad',
vadsColorActionSurfaceBaseActiveOnLight: '#2e2e2e',
vadsColorActionSurfaceBaseOnDark: '#f0f0f0',
vadsColorActionSurfaceBaseOnLight: '#757575',
vadsColorActionSurfaceDefaultActiveOnDark: '#e1f3f8',
vadsColorActionSurfaceDefaultActiveOnLight: '#162e51',
vadsColorActionSurfaceDefaultOnDark: '#58b4ff',
vadsColorActionSurfaceDefaultOnLight: '#005ea2',
vadsColorActionSurfaceDestructiveActiveOnDark: '#f4e3db',
vadsColorActionSurfaceDestructiveActiveOnLight: '#5c1111',
vadsColorActionSurfaceDestructiveOnDark: '#fb5a47',
vadsColorActionSurfaceDestructiveOnLight: '#b50909',
vadsColorBackgroundDefaultOnDark: '#171716',
vadsColorBackgroundDefaultOnLight: '#f0f0f0',
vadsColorBase: '#1b1b1b',
vadsColorBaseDark: '#565c65',
vadsColorBaseDarker: '#3d4551',
vadsColorBaseDarkest: '#1b1b1b',
vadsColorBaseLight: '#a9aeb1',
vadsColorBaseLighter: '#dfe1e2',
vadsColorBaseLightest: '#f0f0f0',
vadsColorBlack: '#000000',
vadsColorBlueCool: '#345d96',
vadsColorBlueCoolLight: '#4a77b4',
vadsColorBlueCoolLightest: '#98afd2',
vadsColorBorderFocusOnDark: '#face00',
vadsColorBorderFocusOnLight: '#face00',
vadsColorBorderStrongOnDark: '#a9aeb1',
vadsColorBorderStrongOnLight: '#565c65',
vadsColorBorderSubtleOnDark: '#565c65',
vadsColorBorderSubtleOnLight: '#a9aeb1',
vadsColorEmergency: '#9c3d10',
vadsColorEmergencyDark: '#332d29',
vadsColorError: '#d54309',
vadsColorErrorDark: '#b21d38',
vadsColorErrorDarker: '#6f3331',
vadsColorErrorLight: '#f39268',
vadsColorErrorLighter: '#f4e3db',
vadsColorFeedbackBorderErrorOnDark: '#d83933',
vadsColorFeedbackBorderErrorOnLight: '#d54309',
vadsColorFeedbackBorderInfoOnDark: '#97d4ea',
vadsColorFeedbackBorderInfoOnLight: '#00bde3',
vadsColorFeedbackBorderSuccessOnDark: '#5e9f69',
vadsColorFeedbackBorderSuccessOnLight: '#00a91c',
vadsColorFeedbackBorderWarningOnDark: '#face00',
vadsColorFeedbackBorderWarningOnLight: '#ffbe2e',
vadsColorFeedbackForegroundErrorOnDark: '#fb5a47',
vadsColorFeedbackForegroundErrorOnLight: '#b50909',
vadsColorFeedbackForegroundInfoOnDark: '#00bde3',
vadsColorFeedbackForegroundInfoOnLight: '#009ec1',
vadsColorFeedbackForegroundSuccessOnDark: '#21c834',
vadsColorFeedbackForegroundSuccessOnLight: '#008817',
vadsColorFeedbackForegroundWarningOnDark: '#e5a000',
vadsColorFeedbackForegroundWarningOnLight: '#c2850c',
vadsColorFeedbackSurfaceErrorOnDark: '#5c1111',
vadsColorFeedbackSurfaceErrorOnLight: '#f4e3db',
vadsColorFeedbackSurfaceInfoOnDark: '#112f4e',
vadsColorFeedbackSurfaceInfoOnLight: '#e7f6f8',
vadsColorFeedbackSurfaceSuccessOnDark: '#19311e',
vadsColorFeedbackSurfaceSuccessOnLight: '#ecf3ec',
vadsColorFeedbackSurfaceWarningOnDark: '#422d19',
vadsColorFeedbackSurfaceWarningOnLight: '#faf3d1',
vadsColorForegroundDefaultOnDark: '#f0f0f0',
vadsColorForegroundDefaultOnLight: '#1b1b1b',
vadsColorForegroundInverseOnDark: '#1b1b1b',
vadsColorForegroundInverseOnLight: '#f0f0f0',
vadsColorForegroundSubtleOnDark: '#a9aeb1',
vadsColorForegroundSubtleOnLight: '#565c65',
vadsColorFormsBorderActiveOnDark: '#58b4ff',
vadsColorFormsBorderActiveOnLight: '#005ea2',
vadsColorFormsBorderDefaultOnDark: '#a9aeb1',
vadsColorFormsBorderDefaultOnLight: '#565c65',
vadsColorFormsBorderErrorOnDark: '#fb5a47',
vadsColorFormsBorderErrorOnLight: '#b50909',
vadsColorFormsBorderSubtleOnDark: '#565c65',
vadsColorFormsBorderSubtleOnLight: '#a9aeb1',
vadsColorFormsBorderSuccessOnDark: '#5e9f69',
vadsColorFormsBorderSuccessOnLight: '#00a91c',
vadsColorFormsForegroundActiveOnDark: '#58b4ff',
vadsColorFormsForegroundActiveOnLight: '#005ea2',
vadsColorFormsSurfaceActiveOnDark: '#252f3e',
vadsColorFormsSurfaceActiveOnLight: '#ecf1f7',
vadsColorGibillAccent: '#fef0c8',
vadsColorGoldLighter: '#ffe396',
vadsColorGoldLightest: '#fef0c8',
vadsColorGrayCoolLight: '#e1e7f1',
vadsColorGrayLightAlt: '#edeff0',
vadsColorGrayMedium: '#757575',
vadsColorGrayWarmDark: '#454540',
vadsColorGrayWarmLight: '#e6e6e2',
vadsColorGreenLight: '#5e9f69',
vadsColorGreenLighter: '#b4d0b9',
vadsColorHubBurials: '#2378c3',
vadsColorHubCareers: '#bd5727',
vadsColorHubDisability: '#a23737',
vadsColorHubEducation: '#162e51',
vadsColorHubFamilyMember: '#162e51',
vadsColorHubHealthCare: '#3f57a6',
vadsColorHubHousing: '#8e704f',
vadsColorHubLifeInsurance: '#6f7a41',
vadsColorHubPension: '#4d8055',
vadsColorHubRecords: '#6f7a41',
vadsColorHubServiceMember: '#162e51',
vadsColorInfo: '#00bde3',
vadsColorInfoDark: '#009ec1',
vadsColorInfoDarker: '#2e6276',
vadsColorInfoLight: '#99deea',
vadsColorInfoLighter: '#e7f6f8',
vadsColorInk: '#1b1b1b',
vadsColorInsetBg: '#e7f6f8',
vadsColorLink: '#005ea2',
vadsColorLinkActive: '#0b4778',
vadsColorLinkVisited: '#54278f',
vadsColorPrimary: '#005ea2',
vadsColorPrimaryAlt: '#00bde3',
vadsColorPrimaryAltDark: '#28a0cb',
vadsColorPrimaryAltDarkest: '#07648d',
vadsColorPrimaryAltLight: '#97d4ea',
vadsColorPrimaryAltLightest: '#e1f3f8',
vadsColorPrimaryDark: '#1a4480',
vadsColorPrimaryDarker: '#162e51',
vadsColorPrimaryLight: '#73b3e7',
vadsColorPrimaryLighter: '#d9e8f6',
vadsColorSecondary: '#d83933',
vadsColorSecondaryDark: '#b50909',
vadsColorSecondaryDarkest: '#8b0a03',
vadsColorSecondaryLight: '#f2938c',
vadsColorSecondaryLightest: '#f8dfe2',
vadsColorSuccess: '#00a91c',
vadsColorSuccessDark: '#008817',
vadsColorSuccessDarker: '#216e1f',
vadsColorSuccessLight: '#70e17b',
vadsColorSuccessLighter: '#ecf3ec',
vadsColorSurfaceDefaultOnDark: '#2e2e2e',
vadsColorSurfaceDefaultOnLight: '#ffffff',
vadsColorSurfaceInverseOnDark: '#f0f0f0',
vadsColorSurfaceInverseOnLight: '#1b1b1b',
vadsColorSurfaceSecondaryOnDark: '#3d4551',
vadsColorSurfaceSecondaryOnLight: '#dfe1e2',
vadsColorVaAccent: '#8a7237',
vadsColorWarning: '#ffbe2e',
vadsColorWarningDark: '#e5a000',
vadsColorWarningDarker: '#936f38',
vadsColorWarningLight: '#fee685',
vadsColorWarningLighter: '#faf3d1',
vadsColorWhite: '#ffffff',
vadsInputBackgroundColorOnLight: '#ffffff',
vadsLabelHintTextColorOnLight: '#757575',
vadsProcessListColorTextPendingOnLight: '#757575',
vadsSegmentedControlColorSurfaceSelectedOnDark: '#565c65',
vadsSegmentedControlColorSurfaceSelectedOnLight: '#ffffff',
}