• 
      

    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:
    Completed
    Change Summary:
    Pushed to master (8797217)