Description
Is there an existing issue for this?
- I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
- I have reviewed the documentation https://docs.sentry.io/
- I am using the latest SDK release https://github.com/getsentry/sentry-javascript/releases
How do you use Sentry?
Sentry Saas (sentry.io)
Which SDK are you using?
@sentry/angular
SDK Version
8.27.0
Framework Version
No response
Link to Sentry event
No response
Reproduction Example/SDK Setup
Sentry.feedbackIntegration({
colorScheme: 'light',
enableScreenshot: true,
...
})Steps to Reproduce
The issue here is that using the light color scheme inside the feedback integration and adding a darker color for --actor-background is enough to break the contrast of the icon shown in the widget__actor button.
#sentry-feedback {
--actor-color: #fff !important;
--actor-background: #0d5788 !important;
...
}
The problem is that changing the --foreground color to a lighter one also changes the content inside the modal, causing it to be messed up. There should be a way to change the color or icon itself, or even remove it altogether.
Another issue is that modal content seems to be messed up on screens (600px or less) where the modal is opened and takes up full device screen
Expected Result
I'd expect for an easy change for the icon color or maybe the icon itself. Expected result:
Actual Result
Metadata
Metadata
Assignees
Type
Projects
Status
No status