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

dusave · colebemis · web-flow · commit 295c4bcd4b2d · 2023-06-20T14:59:41.000Z
* setting the DialogV2 backdrop to the proper variable

* Create serious-bats-reply.md

---------

Co-authored-by: Cole Bemis &lt;colebemis@github.com&gt;
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 {

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@primer/react": patch
 +---
++
 +Fix `Dialog2` backdrop color variable