-
-
Notifications
You must be signed in to change notification settings - Fork 4.5k
core: fix alert background #101383
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
base: master
Are you sure you want to change the base?
core: fix alert background #101383
Conversation
5dd13e3
to
4ade164
Compare
`; | ||
} | ||
return css` | ||
background: ${tokens.background}; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@cursoragent apply the same linear gradient here as on line 119
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I modified the alert component's background styling to enhance its visual presentation and ensure a consistent appearance across different themes. This change specifically updates how alert backgrounds are rendered, moving to a more robust gradient-based approach.
- I updated the
generateAlertBackground
function withinstatic/app/components/core/alert/alert.chonk.tsx
. - I changed the
background
property tobackground-image
, applying a layeredlinear-gradient
. - This new
background-image
now useslinear-gradient(${tokens.background})
on top oflinear-gradient(${theme.colors.background.primary})
, providing a more sophisticated background and ensuring a solid fallback color.
Learn more about Cursor Agents
Co-authored-by: jonas.badalic <[email protected]>
Fix alert background so that it won't bleed into the page
CleanShot.2025-10-10.at.14.00.50.mp4