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

Fixed foregroundOnAccent recipe to work in all states #18765

Conversation

bheston
Copy link
Contributor

@bheston bheston commented Jun 29, 2021

Pull request checklist

  • Addresses an existing issue: Fixes #0000
  • Include a change request file using $ yarn change

Description of changes

Fixed an issue where a previous relationship between accentFill and foregroundOnAccent tried to maintain the same foreground color regardless of fill. This was always problematic with the fill offset deltas as it was possible to specify deltas so far apart that no single foreground color could meet contrast. Going forward I think we want a more layered approach, where the fill color is based on that component's container color, and the foreground color is based on that fill color. For example, it's possible for the foreground to flip between black and white given a large fill delta.

Focus areas to test

Accent-filled components like buttons or switches.

yarn.lock Outdated Show resolved Hide resolved
Copy link
Member

@chrisdholt chrisdholt left a comment

Choose a reason for hiding this comment

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

FYI @Hotell - we've reverted the yarn.lock change. I'm going to update eslint and prettier so I'll be pinging you for those and that should be it besides the feature branch merge. Thanks again for catching that odd addition to the yarn.lock.

@chrisdholt chrisdholt merged commit 34622c2 into microsoft:features/web-components-vNext Jun 30, 2021
chrisdholt pushed a commit that referenced this pull request Jul 2, 2021
* Fixed foregroundOnAccent recipe to work in all states

* Change files

* Revert change to yarn.lock
chrisdholt pushed a commit that referenced this pull request Jul 2, 2021
* Fixed foregroundOnAccent recipe to work in all states

* Change files

* Revert change to yarn.lock
PeterDraex pushed a commit to PeterDraex/fluentui that referenced this pull request Aug 6, 2021
* Fixed foregroundOnAccent recipe to work in all states

* Change files

* Revert change to yarn.lock
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.

5 participants