fix(ui): Modal backdrop color is consistent across light/dark (#8743)

alexcarpenter · web-flow · commit b5efe177fb52 · 2026-06-03T17:12:19.000-04:00
diff --git a/.changeset/safe-hot-nice.md b/.changeset/safe-hot-nice.md
@@ -0,0 +1,5 @@
+---
+'@clerk/ui': patch
+---
+
+Fix modal backdrop appearing light in dark mode
diff --git a/packages/ui/src/foundations/colors.ts b/packages/ui/src/foundations/colors.ts
@@ -91,7 +91,7 @@ const colors = Object.freeze({
   avatarBackground: neutralAlphaScale.neutralAlpha400,
   colorModalBackdrop: clerkCssVar(
     'color-modal-backdrop',
-    colorUtils.makeTransparent(defaultColorNeutral, 0.27) || neutralAlphaScale.neutralAlpha700,
+    colorUtils.makeTransparent('#000000', 0.27) || neutralAlphaScale.neutralAlpha700,
   ),
   colorBackground: clerkCssVar('color-background', lightDark('#ffffff', '#212126')),
   colorInput: clerkCssVar('color-input', lightDark('white', '#26262B')),

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@clerk/ui': patch
 +---
++
 +Fix modal backdrop appearing light in dark mode