USWDS-Site: Assess recommended color grades for color tokens

[amyleadem]

Description

On the Settings page, some color descriptions include recommended values that do not match the defaults described.

One example is for success-dark. The default value is green-cool-50v but the description states "Use grades 60-70". We need to assess if the following items need to have different defaults or different guidance for the recommended color grades.

[amyleadem]

Notes

During the audit of the settings page, I gathered notes related to description clarity on the following items:

• Emergency colors have no description
• Accent cool, success, warning, info have mismatched default values and descriptions
• The description for theme color families feels confusing. Example: "Color family of ~60% of the non-base color."
  • The description on the theme color tokens page feels more clear:

    Primary, secondary, and accent colors can be thought of as falling into a proportional 60/30/10 relationship: about 60% of your site’s color would be the primary color family, about 30% would be the secondary color family, and about 10% would be the accent color families (accent-warm and accent-cool).

Related links

Issue for settings page code audit: https://github.com/uswds/uswds-site/issues/2009 Code audit spreadsheet :lock:

[finekatie]

Will need to include this issue in the TTS audit until it is resolved.