Skip to content

Use color-mix for text selection highlights#94

Merged
BunsDev merged 2 commits into
mainfrom
okcode/selection-highlights
Mar 31, 2026
Merged

Use color-mix for text selection highlights#94
BunsDev merged 2 commits into
mainfrom
okcode/selection-highlights

Conversation

@BunsDev
Copy link
Copy Markdown
Member

@BunsDev BunsDev commented Mar 29, 2026

Summary

  • Update the global ::selection styling to use color-mix(in srgb, ...) for the highlight background.
  • Keep selection text color aligned with the foreground token.
  • Small CSS-only change in apps/web/src/index.css.

Testing

  • Not run (CSS-only change).
  • Reviewed the diff for the ::selection rule update.

- Make selection background use `color-mix()`
- Keep selection foreground aligned with the default text color
@vercel
Copy link
Copy Markdown

vercel Bot commented Mar 29, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
okcode-marketing Ready Ready Preview Mar 31, 2026 5:03pm

@github-actions github-actions Bot added size:XS vouch:trusted PR author is trusted by repo permissions or the VOUCHED list. labels Mar 29, 2026
- Replace invalid hsl(var(--...)) color usage with color-mix-friendly values
- Add reduced-motion, forced-colors, and high-contrast selection styles
- Cover selection and scrollbar styling with regression tests
@github-actions github-actions Bot added size:M and removed size:XS labels Mar 31, 2026
@BunsDev BunsDev merged commit 8993120 into main Mar 31, 2026
8 of 9 checks passed
@BunsDev BunsDev deleted the okcode/selection-highlights branch March 31, 2026 21:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M vouch:trusted PR author is trusted by repo permissions or the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant