Tweak units and add new design tokens for better UI consistency.

Review Request #13679 — Created March 28, 2024 and submitted

Information

Ink
master

Reviewers

This is another set of tweaks to the sizes, units, and available design
tokens based on the work integrating Ink with Review Board:

  • More font size design tokens have been added.

  • New design tokens for input elements and headers have been added.

  • Spacing units are now smaller, based ona 0.8em base scale. This
    gives us some more reasonable sizes for "small", "medium", and
    "large". An "XXL" design token has also been added.

  • The button font size is now a bit larger, adding some emphasis to
    buttons and separating it from nearby text.

  • Header and footer border and text colors have been improved to better
    fit in with overridden colors (now using semi-transparent black/white
    borders).

  • Weak colors have been tweaked to use semi-transparent colors, and the
    weak text design token was renamed for consistency.

Tested in Review Board with some in-progress work. Verified that the
new styles gave us more control and better fit into the existing UI.

Summary ID
Tweak units and add new design tokens for better UI consistency.
This is another set of tweaks to the sizes, units, and available design tokens based on the work integrating Ink with Review Board: * More font size design tokens have been added. * New design tokens for input elements and headers have been added. * Spacing units are now smaller, based ona `0.8em` base scale. This gives us some more reasonable sizes for "small", "medium", and "large". An "XXL" design token has also been added. * The button font size is now a bit larger, adding some emphasis to buttons and separating it from nearby text. * Header and footer border and text colors have been improved to better fit in with overridden colors (now using semi-transparent black/white borders). * Weak colors have been tweaked to use semi-transparent colors, and the weak text design token was renamed for consistency.
b6fba33a59a4422dfaec862e0594707977bd5b33
david
  1. Ship It!
  2. 
      
chipx86
Review request changed
Status:
Completed
Change Summary:
Pushed to master (02709bb)