Rename design tokens for consistency.

Review Request #13832 — Created May 6, 2024 and submitted

Information

Ink
master

Reviewers

As Ink was being built, I started honing in on ideal naming conventions.
Old names made use of "outline" for border colors, and we had a mix of
"fg" and "text color" for foreground/text elements.

Before we release Ink, this needs to change, because once we release,
it'll be more of a pain to fix the inconsistencies.

This change introduces consistent naming for the design tokens. We now
use "border-color" and "fg" naming conventions everywhere, and move
"on-dark" and "on-light" indicators to the end of the names. Going
forward, all new design tokens should follow this convention.

Tested along with in-progress changes for Djblets and Review Board,
and verified that the UI still appears correct and that no CSS variables
are referencing invalid CSS variables.

Further testing will still need to be done in production.

Summary ID
Rename design tokens for consistency.
As Ink was being built, I started honing in on ideal naming conventions. Old names made use of "outline" for border colors, and we had a mix of "fg" and "text color" for foreground/text elements. Before we release Ink, this needs to change, because once we release, it'll be more of a pain to fix the inconsistencies. This change introduces consistent naming for the design tokens. We now use "border-color" and "fg" naming conventions everywhere, and move "on-dark" and "on-light" indicators to the end of the names. Going forward, all new design tokens should follow this convention.
1c22bfc7d0a2dd153e9659997fe04cd15081d23f
maubin
  1. Ship It!
  2. 
      
david
  1. Ship It!
  2. 
      
chipx86
Review request changed
Status:
Completed
Change Summary:
Pushed to master (ebf010f)