Add new design tokens for text, surfaces, shadows, and icons.

Review Request #13727 — Created April 14, 2024 and submitted

Information

Ink
master

Reviewers

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 by text-color and text-color-weak based
on the Ink color scheme.

surface-fg and surface-fg-weak now map to text-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.

Summary ID
Add new design tokens for text, surfaces, shadows, and icons.
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 by `text-color` and `text-color-weak` based on the Ink color scheme. `surface-fg` and `surface-fg-weak` now map to `text-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.
0849856cefa7d028407305423b067279caa61212
david
  1. Ship It!
  2. 
      
maubin
  1. Ship It!
  2. 
      
chipx86
Review request changed

Status: Closed (submitted)

Change Summary:

Pushed to master (8797217)
Loading...