Skip to content

fix: improve nudge contrast in chat#1107

Open
stablegenius49 wants to merge 1 commit intolangflow-ai:mainfrom
stablegenius49:pr-factory/issue-796-nudge-contrast
Open

fix: improve nudge contrast in chat#1107
stablegenius49 wants to merge 1 commit intolangflow-ai:mainfrom
stablegenius49:pr-factory/issue-796-nudge-contrast

Conversation

@stablegenius49
Copy link

Summary

  • switch chat nudges from text-placeholder-foreground to text-muted-foreground for stronger contrast in both themes
  • use the accent hover background so the nudge hover state is more visible

Verification

  • cd frontend && npx -y @biomejs/biome lint app/chat/_components/nudges.tsx
  • checked contrast ratios from the theme tokens used by this component:
    • light mode: 2.55:1 → 4.86:1
    • dark mode: 3.65:1 → 6.94:1

Fixes #796

@github-actions github-actions bot added community frontend 🟨 Issues related to the UI/UX bug 🔴 Something isn't working. and removed community labels Mar 12, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug 🔴 Something isn't working. frontend 🟨 Issues related to the UI/UX

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: Nudges don't have high enough contrast

2 participants