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

Light theme text selection opacity more consistent with OS #2407

Merged
merged 3 commits into from
Jan 21, 2025
Merged

Conversation

r100-stack
Copy link
Member

@r100-stack r100-stack commented Jan 21, 2025

Changes

@mayank99 and I noticed this issue when discussing #2373. We felt felt that the text selection color in the light theme is too faint.

Thus, this PR increases the opacity of the text selection background from 0.2 to 0.25. This makes the light theme's text selection opacity more consistent with that of the OS.

Testing

opacity-5: 0.2 (current) opacity-5: 0.25 (this PR)
image image

Thanks to @FlyersPh9 for the below screenshots:

Left: macOS default text selection
Right: current iTwinUI text selection

image

Left: macOS default text selection
Right: proposed new iTwinUI text selection

image

  • Verified and then approved failing images
    • CSS visual tests passing locally but not on CI. Investigating the issue. Fixed by itself.

Docs

Added two patch changesets: one for @itwin/itwinui-react and one for @itwin/itwinui-variables.

@r100-stack r100-stack self-assigned this Jan 21, 2025
@r100-stack r100-stack marked this pull request as ready for review January 21, 2025 14:24
@r100-stack r100-stack requested a review from a team as a code owner January 21, 2025 14:24
@r100-stack r100-stack requested review from mayank99 and smmr-dn and removed request for a team January 21, 2025 14:24
.changeset/fast-apples-sort.md Outdated Show resolved Hide resolved
@r100-stack r100-stack merged commit 200d483 into main Jan 21, 2025
18 checks passed
@r100-stack r100-stack deleted the r/opacity branch January 21, 2025 22:09
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.

3 participants