Skip to content
This repository has been archived by the owner on Jan 13, 2025. It is now read-only.

fix(text-field): Update colors to match guidance #2597

Merged
merged 3 commits into from
Apr 20, 2018

Conversation

williamernest
Copy link
Contributor

Update colors to match the latest guidance.

Removes the transparent background from the --box variant by mixing the surface/on-surface colors with 4% opacity instead of just applying a 4% opacity on black.

Adds new variables and remove inline usage of -on-background colors, since those colors are wrong but not all components have new colors specified.

$mdc-text-field-error: #d50000;
$mdc-text-field-divider: rgba(black, .12);
$mdc-text-field-divider: rgba(mdc-theme-prop-value(on-surface), .12);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

divider is a bad name, can you rename this?

$mdc-text-field-label: rgba(black, .6);
$mdc-text-field-placeholder: rgba(black, .38);
$mdc-text-field-disabled-icon: rgba(mdc-theme-prop-value(on-surface), .3);
$mdc-text-field-underline-hover: rgba(mdc-theme-prop-value(on-surface), .87);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

underline is also bad name, can you rename this?

@codecov-io
Copy link

codecov-io commented Apr 20, 2018

Codecov Report

Merging #2597 into master will not change coverage.
The diff coverage is n/a.

Impacted file tree graph

@@           Coverage Diff           @@
##           master    #2597   +/-   ##
=======================================
  Coverage   98.68%   98.68%           
=======================================
  Files          98       98           
  Lines        4198     4198           
  Branches      533      533           
=======================================
  Hits         4143     4143           
  Misses         55       55

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 76854cd...d90ce98. Read the comment docs.

@williamernest williamernest merged commit 444f14f into master Apr 20, 2018
@williamernest williamernest deleted the fix/text-field/update-colors-match-guidance branch April 20, 2018 17:42
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants