Foundation
Deprecated
Deprecated tokens that remain available for backwards compatibility. Avoid these in new work — prefer the modern vads-* tokens documented in the other groups.
Generated from css-library v0.34.1 (Tue, 04 Aug 2026 20:19:43 GMT).
These tokens are deprecated. They remain in css-library for backwards compatibility but should not be used in new work.
Color
color-link-default-hover
deprecated rgba(0, 0, 0, 0.05)
vads-link-color-background-hover Use
vads-link-color-background-hover.
System colors
vads-color-gray-cool-light
deprecated #e1e7f1
uswds-system-color-blue-warm-10 Do not use. Use
vads-color-base-* if applicable.
vads-color-gray-light-alt
deprecated #edeff0
uswds-system-color-gray-cool-5 Do not use. Use
vads-color-base-* if applicable.
vads-color-gray-medium
deprecated #757575
uswds-system-color-gray-50 Do not use. Use
vads-color-base-* if applicable.
vads-color-gray-warm-dark
deprecated #454540
uswds-system-color-gray-warm-70 Do not use. Use
vads-color-base-* if applicable.
vads-color-gray-warm-light
deprecated #e6e6e2
uswds-system-color-gray-warm-10 Do not use. Use
vads-color-base-* if applicable.
vads-color-blue-cool
deprecated #345d96
uswds-system-color-blue-warm-60 Do not use. Use
vads-color-primary-* if applicable.
vads-color-blue-cool-light
deprecated #4a77b4
uswds-system-color-blue-warm-50 Do not use. Use
vads-color-primary-* if applicable.
vads-color-blue-cool-lightest
deprecated #98afd2
uswds-system-color-blue-warm-30 Do not use. Use
vads-color-primary-* if applicable.
vads-color-gold-lighter
deprecated #ffe396
uswds-system-color-gold-vivid-10 Do not use. Use
vads-color-warning-* if applicable.
vads-color-gold-lightest
deprecated #fef0c8
uswds-system-color-gold-vivid-5 Do not use. Use
vads-color-warning-* if applicable.
vads-color-green-light
deprecated #5e9f69
uswds-system-color-green-cool-40 Do not use. Use
vads-color-success-* if applicable.
vads-color-green-lighter
deprecated #b4d0b9
uswds-system-color-green-cool-20 Do not use. Use
vads-color-success-* if applicable.
vads-color-orange
deprecated #dd7533
uswds-system-color-orange-40 Do not use. Apply a semantic color token instead.
Font
font-family-mono
deprecated 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace
vads-font-family-mono Use
vads-font-family-mono.
font-family-sans
deprecated 'Source Sans Pro Web', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif
vads-font-family-sans Use
vads-font-family-sans.
font-family-serif
deprecated Bitter, Georgia, Cambria, 'Times New Roman', Times, serif
vads-font-family-serif Use
vads-font-family-serif.
font-mono
deprecated 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace
vads-font-family-mono Use
vads-font-family-mono.
font-serif
deprecated Bitter, Georgia, Cambria, 'Times New Roman', Times, serif
vads-font-family-serif Use
vads-font-family-serif.
font-size-2xl
deprecated 2.5rem (40px) Use
vads-font-size-2xl.
font-size-h1
deprecated 2.5rem (40px)
font-size-2xl Use
vads-font-size-heading-level-1.
font-size-h2
deprecated 2rem (32px)
font-size-xl Use
vads-font-size-heading-level-2.
font-size-h3
deprecated 1.25rem (20px)
font-size-lg Use
vads-font-size-heading-level-3.
font-size-h4
deprecated 1.063rem (17px)
font-size-md Use
vads-font-size-heading-level-4.
font-size-h5
deprecated 0.938rem (15px)
font-size-sm Use
vads-font-size-heading-level-5.
font-size-h6
deprecated 0.938rem (15px)
font-size-sm Use
vads-font-size-heading-level-6.
font-size-lg
deprecated 1.25rem (20px) Use
vads-font-size-lg.
font-size-md
deprecated 1.063rem (17px) Use
vads-font-size-md.
font-size-root
deprecated 1rem (16px) Use
vads-font-size-root.
font-size-sm
deprecated 0.938rem (15px) Use
vads-font-size-sm.
font-size-xl
deprecated 2rem (32px) Use
vads-font-size-xl.
font-source-sans
deprecated 'Source Sans Pro Web', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif
vads-font-family-sans Use
vads-font-family-sans.
font-style-italic
deprecated italic
vads-font-style-italic Use
vads-font-style-italic.
font-style-normal
deprecated normal
vads-font-style-normal Use
vads-font-style-normal.
font-weight-bold
deprecated 700
vads-font-weight-bold Use
vads-font-weight-bold.
font-weight-normal
deprecated 400
vads-font-weight-normal Use
vads-font-weight-normal.
v3-font-base-size
deprecated 16px Use
vads-font-size-root.
Breakpoints
mobile
deprecated 320px
vads-breakpoint-mobile Use
vads-breakpoint-mobile.
xsmall-screen
deprecated 320px
vads-breakpoint-mobile Use
vads-breakpoint-mobile.
mobile-lg
deprecated 480px
vads-breakpoint-mobile-lg Use
vads-breakpoint-mobile-lg.
small-screen
deprecated 481px Use
vads-breakpoint-mobile-lg.
tablet
deprecated 640px
vads-breakpoint-tablet Use
vads-breakpoint-tablet.
medium-screen
deprecated 768px Use
vads-breakpoint-tablet.
tablet-lg
deprecated 880px
vads-breakpoint-tablet-lg Use
vads-breakpoint-tablet-lg.
desktop
deprecated 1024px
vads-breakpoint-desktop Use
vads-breakpoint-desktop.
small-desktop-screen
deprecated 1024px
vads-breakpoint-desktop Use
vads-breakpoint-desktop.
desktop-lg
deprecated 1201px
vads-breakpoint-desktop-lg Use
vads-breakpoint-desktop-lg.
large-screen
deprecated 1201px
vads-breakpoint-desktop-lg Use
vads-breakpoint-desktop-lg.
widescreen
deprecated 1400px
vads-breakpoint-widescreen Use
vads-breakpoint-widescreen.
Edit this page in GitHub
(Permissions required)
Last updated: Jul 02, 2026