feat(feedback): Theming

[antonis]

📢 Type of change

• Bugfix
• New feature
• Enhancement
• Refactoring

Based on feat(feedback): Report a Bug button

PR Chain:

• feat(feedback): Report a Bug button
• 👉 feat(feedback): Theming
• feat(feedback): Screenshot button
• ref(feedback): Extracts FeedbackWidgetProvider in a separate file
• fix(feedback): Fixes accessibility issue on iOS
• test(e2e): Adds Feedback Widget Maestro E2E tests

📜 Description

Adds theming options similar to JS

      Sentry.feedbackIntegration({
        colorScheme: 'system',
        themeLight: {
          foreground: '#ff0000',
          background: '#00ff00',
        },
        themeDark: {
          foreground: '#00ff00',
          background: '#ff0000',
        },
      }),

Demo Video

Screen.Recording.2025-03-28.at.3.42.32.PM.mov

Light	Dark

💡 Motivation and Context

💚 How did you test it?

Sample app

📝 Checklist

• I added tests to verify changes
• No new PII added or SDK only sends newly added PII if sendDefaultPII is enabled
• I updated the docs if needed.
• I updated the wizard if needed.
• All tests passing
• No breaking changes

🔮 Next steps

[krystofwoldrich]

Overall, it's looking good, but I've noticed some issues with customizing the theme.

We should add tests to ensure that the correct values are applied when using custom styles and custom themes.

[antonis]

Thank you for all your feedback @krystofwoldrich 🙇

This should be ready for another go. Note that I now also cover the dynamic theme changes on this PR with 7a331b6 as part of the refactoring discussed above.

We should add tests to ensure that the correct values are applied when using custom styles and custom themes.

I've added snapshot tests to cover this with 6c63d03

[krystofwoldrich]

Looks and works great! Reacts to the changes live.

However, in the tests, only the custom dark and light scheme is checked.

Can you also add a test for the system theme option, to check that the correct scheme is used, and a test for the live change if possible?

[antonis]

Thank you for your feedback @krystofwoldrich 🙇

Can you also add a test for the system theme option, to check that the correct scheme is used, and a test for the live change if possible?

Added test for the system theme option with ba98685
and tests for a 'live' change with 3b4a1de

[krystofwoldrich]

Thank you for adding the extra tests!