Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update colors #2911

Merged
merged 30 commits into from Feb 19, 2019
Merged

Update colors #2911

merged 30 commits into from Feb 19, 2019

Conversation

thisisdano
Copy link
Member

@thisisdano thisisdano commented Feb 19, 2019

  • desaturates blue-cool standard colors and adds vivid variants
  • makes small hue consistency modifications to the following families:
    • blue-warm
    • blue
    • gold
    • gray-cool
    • green-cool
    • mint
    • orange
    • red-cool
    • red
    • yellow
  • Removes family vars from theme color vars since they weren't used consistently anyway.
  • Updates the following theme palettes for better consistency with 1.x defaults
    • base
    • primary
    • accent-cool
    • error
    • warning
    • success
    • info

base changes

$theme-color-base-family:           'gray-cool';
$theme-color-base-lightest:         'gray-5';
$theme-color-base-lighter:          'gray-cool-10';
$theme-color-base-light:            'gray-cool-30';
$theme-color-base:                  'gray-cool-50';
$theme-color-base-dark:             'gray-cool-60';
$theme-color-base-darker:           'gray-cool-70';
$theme-color-base-darkest:          'gray-90';
$theme-color-base-ink:              'gray-90';

primary changes

$theme-color-primary-lighter:       'blue-10';
$theme-color-primary-vivid:         'blue-warm-60v';

accent-warm changes

$theme-color-accent-warm-family:    'orange';
$theme-color-accent-warm-lighter:   'orange-10';
$theme-color-accent-warm-light:     'orange-20v';
$theme-color-accent-warm:           'orange-30v';
$theme-color-accent-warm-darker:    'orange-60';

error changes

$theme-color-error-family:     'red-warm';
$theme-color-error-light:      'red-warm-30v';
$theme-color-error:            'red-warm-50v';
$theme-color-error-dark:       'red-60v';
$theme-color-error-darker:     'red-70';

warning changes

$theme-color-warning-lighter:  'yellow-5';
$theme-color-warning-light:    'yellow-10v';
$theme-color-warning-darker:   'yellow-50v';

success changes

$theme-color-success-light:    'green-cool-20v';
$theme-color-success-darker:   'green-cool-60';

info changes

$theme-color-info-darker:      'blue-cool-60';

uswds conversion table

uswds-theme-defaults

uswds-state-defaults

@thisisdano thisisdano merged commit e89be96 into release-2.0 Feb 19, 2019
@thisisdano thisisdano deleted the dw-info-palette branch February 19, 2019 20:54
@thisisdano thisisdano mentioned this pull request Feb 20, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant