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.39.1 (Tue, 10 Nov 2026 19:24:39 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-medium
deprecated #757575
uswds-system-color-gray-50 Do not use. Use
vads-color-base-* if applicable.
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-warm-light
deprecated #e6e6e2
uswds-system-color-gray-warm-10 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-blue-cool
deprecated #345d96
uswds-system-color-blue-warm-60 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-blue-cool-light
deprecated #4a77b4
uswds-system-color-blue-warm-50 Do not use. Use
vads-color-primary-* 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-gold-lighter
deprecated #ffe396
uswds-system-color-gold-vivid-10 Do not use. Use
vads-color-warning-* 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-green-light
deprecated #5e9f69
uswds-system-color-green-cool-40 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
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 'Public Sans', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif
vads-font-family-sans Use
vads-font-family-sans.
font-mono
deprecated 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace
vads-font-family-mono Use
vads-font-family-mono.
Heading font size
font-size-h1
deprecated 2.5rem (40px)
vads-font-size-heading-level-1 Use
vads-font-size-heading-level-1.
font-size-h2
deprecated 2rem (32px)
vads-font-size-heading-level-2 Use
vads-font-size-heading-level-2.
font-size-h3
deprecated 1.38rem (22px)
vads-font-size-heading-level-3 Use
vads-font-size-heading-level-3.
font-size-h4
deprecated 1.06rem (17px)
vads-font-size-heading-level-4 Use
vads-font-size-heading-level-4.
font-size-h5
deprecated 0.94rem (15px)
vads-font-size-heading-level-5 Use
vads-font-size-heading-level-5.
font-size-h6
deprecated 0.94rem (15px)
vads-font-size-heading-level-6 Use
vads-font-size-heading-level-6.
Font size
font-size-sm
deprecated 0.94rem (15px)
vads-font-size-xs Use
vads-font-size-sm.
font-size-root
deprecated 1rem (16px)
vads-font-size-root Use
vads-font-size-root.
font-size-md
deprecated 1.06rem (17px)
vads-font-size-md Use
vads-font-size-md.
font-size-lg
deprecated 1.38rem (22px)
vads-font-size-lg Use
vads-font-size-lg.
font-size-xl
deprecated 2rem (32px)
vads-font-size-xl Use
vads-font-size-xl.
font-size-2xl
deprecated 2.5rem (40px)
vads-font-size-2xl Use
vads-font-size-2xl.
Font weight
font-weight-normal
deprecated 400
vads-font-weight-normal Use
vads-font-weight-normal.
font-weight-bold
deprecated 700
vads-font-weight-bold Use
vads-font-weight-bold.
Font style
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.
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: Nov 10, 2026