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

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

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.

Commits

Files