Summary
The "Finish integration installation" form has a horizontal divider between the permissions section and the footer ("Authored By" + action buttons) that renders with a light-mode color regardless of the user's theme. In dark mode this produces a harsh white/light line that looks broken.
Reproduction
- Open the external install URL for any Sentry app in dark mode:
/sentry-apps/:slug/external-install/
- Observe the horizontal rule separating the Permissions section from the footer row containing "Authored By" text and Cancel/Accept & Install buttons.
Expected behavior
The divider should use the appropriate themed border color token (e.g. border or translucentBorder) so it blends correctly in both light and dark mode.
Root cause hypothesis
The separator is likely a hardcoded border-top CSS value or a non-themed color token instead of a Sentry design-system token. Medium confidence — exact file not yet inspected but the component is static/app/views/sentryAppExternalInstallation/index.tsx and surrounding styled-components.
Action taken on behalf of David Cramer.
Summary
The "Finish integration installation" form has a horizontal divider between the permissions section and the footer ("Authored By" + action buttons) that renders with a light-mode color regardless of the user's theme. In dark mode this produces a harsh white/light line that looks broken.
Reproduction
/sentry-apps/:slug/external-install/Expected behavior
The divider should use the appropriate themed border color token (e.g.
borderortranslucentBorder) so it blends correctly in both light and dark mode.Root cause hypothesis
The separator is likely a hardcoded
border-topCSS value or a non-themed color token instead of a Sentry design-system token. Medium confidence — exact file not yet inspected but the component isstatic/app/views/sentryAppExternalInstallation/index.tsxand surrounding styled-components.Action taken on behalf of David Cramer.