Skip to content

Commit 817c575

Browse files
LEANDERANTONYclaude
andcommitted
fix(feedback): brand the Sentry "Report an issue" widget + popup
The Sentry feedback trigger button and form were shipping in Sentry's default purple-on-grey, visually disconnected from the workspace. Added a themeDark matched to globals.css: electric-blue accent (--accent #3064ff, white foreground) on the darker surface (--surface-strong), with brand success/error/outline colors. The trigger button and the popup form now match the rest of the app. Verified against the installed @sentry/core FeedbackTheme interface (v10); frontend tsc --noEmit passes. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent 652fa89 commit 817c575

1 file changed

Lines changed: 14 additions & 0 deletions

File tree

frontend/instrumentation-client.ts

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -48,6 +48,20 @@ function buildIntegrations(consent: "pending" | "accepted" | "declined"): Sentry
4848
const integrations: SentryIntegrations = [
4949
Sentry.feedbackIntegration({
5050
colorScheme: "dark",
51+
// Brand the widget + popup to the workspace palette (globals.css):
52+
// electric-blue accent (--accent #3064ff) on the darker surface
53+
// (--surface-strong) so the trigger button + form match the rest
54+
// of the app instead of Sentry's default purple-on-grey.
55+
themeDark: {
56+
background: "#05070c",
57+
foreground: "#f5f8ff",
58+
accentBackground: "#3064ff",
59+
accentForeground: "#ffffff",
60+
successColor: "#7fe0b0",
61+
errorColor: "#ff8b8b",
62+
boxShadow: "0 16px 48px rgba(0, 0, 0, 0.6)",
63+
outline: "2px solid rgba(48, 100, 255, 0.6)",
64+
},
5165
autoInject: true,
5266
showBranding: false,
5367
triggerLabel: "Report an issue",

0 commit comments

Comments
 (0)