diff --git a/app/src/components/FeedbackWidget.tsx b/app/src/components/FeedbackWidget.tsx index afc22b14f9b..0329f7bf2ff 100644 --- a/app/src/components/FeedbackWidget.tsx +++ b/app/src/components/FeedbackWidget.tsx @@ -349,8 +349,8 @@ export function FeedbackWidget() { color: 'var(--ink)', borderColor: 'var(--rule)', '&.Mui-selected': { - bgcolor: 'var(--bg-surface)', - '&:hover': { bgcolor: 'var(--bg-surface)' }, + bgcolor: 'color-mix(in srgb, var(--ink) 10%, var(--bg-elevated))', + '&:hover': { bgcolor: 'color-mix(in srgb, var(--ink) 10%, var(--bg-elevated))' }, }, }, }, diff --git a/changelog.d/feedback-widget-contrast.md b/changelog.d/feedback-widget-contrast.md new file mode 100644 index 00000000000..5a85f500e76 --- /dev/null +++ b/changelog.d/feedback-widget-contrast.md @@ -0,0 +1,3 @@ +### Fixed + +- **Quick feedback widget contrast.** The active/selected background color for the reaction toggle buttons was nearly identical to the popover's background color. They are now styled with a stronger contrast mix so that the selected option clearly stands out.