Add new design tokens for text, surfaces, shadows, and icons.
Review Request #13727 — Created April 14, 2024 and submitted — Latest diff uploaded
This adds a new set of design tokens for working with text colors. There
are now explicit on-light/dark text color tokens, with weak variants.
These are automatically used bytext-color
andtext-color-weak
based
on the Ink color scheme.
surface-fg
andsurface-fg-weak
now map totext-color
and
text-color-weak
, making it easier to change the appropriate text color
across the board.A new
ink-g-shadow-l-dark
token helps with making larger, darker
shadows, used for things like modal dialogs.An
ink-i-mobile-menu
token was added for use in hamburger menus on
mobile devices.
Made use of these in some in-progress changes for Review BOard. Verified
the appearance in light and dark modes.