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

[IOAPPX-411] Increase contrast of CodeInput and OTPInput #341

Merged
merged 2 commits into from
Nov 8, 2024

Conversation

dmnplb
Copy link
Collaborator

@dmnplb dmnplb commented Oct 24, 2024

Short description

This PR increases contrast of CodeInput and OTPInput.

Preview

OTPInput

CodeInput

How to test

Launch the example app and check the two mentioned components

@dmnplb dmnplb added the a11y label Oct 24, 2024
@dmnplb dmnplb requested review from a team as code owners October 24, 2024 09:27
@dmnplb dmnplb merged commit 00198c4 into main Nov 8, 2024
6 checks passed
@dmnplb dmnplb deleted the IOAPPX-411-a11y-fix-contrast-code-input-otp-input branch November 8, 2024 15:27
dmnplb added a commit that referenced this pull request Nov 14, 2024
… or accent backgrounds (#357)

## Short description
This PR fixes a visual regression introduced when [we increased the
contrast of the `CodeInput`
component](#341).

## List of changes proposed in this pull request
- Change the color of the empty dot when we're using dark or accent
backgrounds
- Make `CodeInput` dark mode compliant

### Preview


https://github.com/user-attachments/assets/d436578e-98a7-4d5a-af7a-c45950bcecaa



## How to test
Go to the **Number Pad** screen in the example app. Enable/disable
accent background or enable/disable dark mode.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants