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

Match interactive color tokens to default values #2613

Merged
merged 2 commits into from
Jul 19, 2024
Merged

Conversation

connor-baer
Copy link
Member

Purpose

The tweaks to the color tokens in #2551 make the buttons look washed out in their hovered and pressed states because both the background and foreground colors change, significantly reducing the contrast between them.

We want to avoid further large-scale changes to the color tokens without extensive testing. In the future, we'll consider whether interactive foreground color variants should be used on interactive background colors at all.

Approach and changes

  • Matched the interactive variants of the fg-normal, fg-subtle, fg-on-strong, and fg-on-strong-subtle color tokens to their default values

Definition of done

  • Development completed
  • Reviewers assigned
  • Unit and integration tests
  • Meets minimum browser support
  • Meets accessibility requirements

@connor-baer connor-baer added the 🐞 bug Something isn't working as it should label Jul 19, 2024
@connor-baer connor-baer requested a review from a team as a code owner July 19, 2024 14:39
Copy link

vercel bot commented Jul 19, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
oss-circuit-ui ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jul 19, 2024 2:46pm

Copy link

changeset-bot bot commented Jul 19, 2024

🦋 Changeset detected

Latest commit: fad1c1e

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@sumup/design-tokens Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link

codecov bot commented Jul 19, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 86.73%. Comparing base (717d814) to head (fad1c1e).

Additional details and impacted files

Impacted file tree graph

@@           Coverage Diff           @@
##             main    #2613   +/-   ##
=======================================
  Coverage   86.73%   86.73%           
=======================================
  Files         209      209           
  Lines       11902    11902           
  Branches     1531     1531           
=======================================
  Hits        10323    10323           
  Misses       1526     1526           
  Partials       53       53           
Files Coverage Δ
packages/design-tokens/themes/light.ts 100.00% <100.00%> (ø)

@connor-baer connor-baer merged commit a1f877a into main Jul 19, 2024
13 of 14 checks passed
@connor-baer connor-baer deleted the fix/fg-color-states branch July 19, 2024 15:16
@connor-baer connor-baer mentioned this pull request Jul 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐞 bug Something isn't working as it should 🗂 design-tokens
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant