Make perf overlay more transparent (facebook#53904)

sbuggay · facebook-github-bot · commit b00d3be572cb · 2025-09-23T12:53:43.000-07:00
Summary: Pull Request resolved: facebook#53904 Adds more transparency to the background of the perf overlay, we got some feedback about it visually obscuring elements behind it. {F1982191377} {F1982191388} Changelog: [Internal] Reviewed By: rubennorte Differential Revision: D83037721 fbshipit-source-id: e70c799ea7942c6aea886e9a3580e324c4238048
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/perfmonitor/PerfMonitorOverlayView.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/perfmonitor/PerfMonitorOverlayView.kt
@@ -164,7 +164,7 @@ internal class PerfMonitorOverlayView(
             shape = GradientDrawable.RECTANGLE
             setColor(Color.BLACK)
             cornerRadius = dpToPx(14.5f)
-            alpha = (0.8 * 255).toInt()
+            alpha = (0.4 * 255).toInt()
             setStroke(dpToPx(1f).toInt(), COLOR_OVERLAY_BORDER)
           }
       showDividers = LinearLayout.SHOW_DIVIDER_MIDDLE

Original file line number	Diff line number	Diff line change
`@@ -164,7 +164,7 @@ internal class PerfMonitorOverlayView(`
`164`	`164`	`shape = GradientDrawable.RECTANGLE`
`165`	`165`	`setColor(Color.BLACK)`
`166`	`166`	`cornerRadius = dpToPx(14.5f)`
`167`		`- alpha = (0.8 * 255).toInt()`
	`167`	`+ alpha = (0.4 * 255).toInt()`
`168`	`168`	`setStroke(dpToPx(1f).toInt(), COLOR_OVERLAY_BORDER)`
`169`	`169`	`}`
`170`	`170`	`showDividers = LinearLayout.SHOW_DIVIDER_MIDDLE`