🛠️ [Bug Fix] Setting DialogV2 backdrop to the proper variable (#3411)

* setting the DialogV2 backdrop to the proper variable * Create serious-bats-reply.md --------- Co-authored-by: Cole Bemis <colebemis@github.com>
primer · Jun 20, 2023 · 295c4bc · 295c4bc
1 parent bef5fed
commit 295c4bc
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 25 deletions.
diff --git a/.changeset/serious-bats-reply.md b/.changeset/serious-bats-reply.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Fix `Dialog2` backdrop color variable
diff --git a/examples/nextjs/package-lock.json b/examples/nextjs/package-lock.json
diff --git a/src/Dialog/Dialog.tsx b/src/Dialog/Dialog.tsx
@@ -151,7 +151,7 @@ const Backdrop = styled('div')`
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: rgba(0, 0, 0, 0.4);
+  background-color: ${get('colors.primer.canvas.backdrop')};
   animation: dialog-backdrop-appear ${ANIMATION_DURATION} ${get('animation.easeOutCubic')};
 
   @keyframes dialog-backdrop-appear {