Skip to content

feat: update Quiz Incorrect answer UI#551

Merged
santosral merged 1 commit into
mainfrom
feat/update-quiz-incorrect-answer-ui
Apr 29, 2026
Merged

feat: update Quiz Incorrect answer UI#551
santosral merged 1 commit into
mainfrom
feat/update-quiz-incorrect-answer-ui

Conversation

@santosral
Copy link
Copy Markdown
Collaborator

@santosral santosral commented Apr 29, 2026

🚀 Summary

This PR updates the quiz feedback modal's incorrect-answer state to use red as the visual cue, replacing the previous neutral slate styling. The new color scheme makes wrong
answers more immediately recognizable and aligns better with conventional UX patterns (red = error/incorrect), mirroring the lime palette already used for correct answers.

✏️ Changes

  • Applied text-red-600 to the "Not quite right!" heading when the answer is incorrect
  • Changed the selected-answer card border from border-slate-950 to border-red-600 for incorrect answers
  • Changed the option letter square background from bg-slate-950 to bg-red-500 for incorrect answers
  • Applied text-red-600 to the selected option text when the answer is incorrect

@santosral santosral self-assigned this Apr 29, 2026
@santosral santosral requested a review from nicholasjjlim April 29, 2026 05:40
Copy link
Copy Markdown
Collaborator

@nicholasjjlim nicholasjjlim left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 👍

@santosral santosral linked an issue Apr 29, 2026 that may be closed by this pull request
@santosral santosral merged commit 65788ec into main Apr 29, 2026
8 checks passed
@santosral santosral deleted the feat/update-quiz-incorrect-answer-ui branch April 29, 2026 07:13
@santosral santosral mentioned this pull request Apr 29, 2026
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.

differentiate color of correct/wrong quiz answer

2 participants