From bed7487f90cbd7978a09d496dba1774f0f809017 Mon Sep 17 00:00:00 2001
From: langermank <18661030+langermank@users.noreply.github.com>
Date: Thu, 7 Dec 2023 08:45:46 -0800
Subject: [PATCH 1/2] add spaces

---
 src/support/mixins/color-modes.scss | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/support/mixins/color-modes.scss b/src/support/mixins/color-modes.scss
index ea1bf4e451..1783aef8ec 100644
--- a/src/support/mixins/color-modes.scss
+++ b/src/support/mixins/color-modes.scss
@@ -31,8 +31,8 @@
     }
 
     ::backdrop,
-    [data-color-mode="light"][data-light-theme="#{$theme-name}"]::backdrop,
-    [data-color-mode="dark"][data-dark-theme="#{$theme-name}"]::backdrop {
+    [data-color-mode="light"][data-light-theme="#{$theme-name}"] ::backdrop,
+    [data-color-mode="dark"][data-dark-theme="#{$theme-name}"] ::backdrop {
       @content;
 
       /*! */ // Must remain separate from the above selector to not break browsers which don't support ::backdrop, e.g. Safari 14.
@@ -47,10 +47,10 @@
         @content;
       }
     }
-    
+
     ::backdrop,
-    [data-color-mode="light"][data-light-theme="#{$theme-name}"]::backdrop,
-    [data-color-mode="dark"][data-dark-theme="#{$theme-name}"]::backdrop {
+    [data-color-mode="light"][data-light-theme="#{$theme-name}"] ::backdrop,
+    [data-color-mode="dark"][data-dark-theme="#{$theme-name}"] ::backdrop {
       @content;
 
       /*! */ // Must remain separate from the above selector to not break browsers which don't support ::backdrop, e.g. Safari 14.
@@ -64,8 +64,8 @@
         @content;
       }
     }
-    
-    [data-color-mode="auto"][data-light-theme="#{$theme-name}"]::backdrop {
+
+    [data-color-mode="auto"][data-light-theme="#{$theme-name}"] ::backdrop {
       @content;
 
       /*! */ // Must remain separate from the above selector to not break browsers which don't support ::backdrop, e.g. Safari 14.
@@ -79,8 +79,8 @@
         @content;
       }
     }
-    
-    [data-color-mode="auto"][data-light-theme="#{$theme-name}"]::backdrop {
+
+    [data-color-mode="auto"][data-light-theme="#{$theme-name}"] ::backdrop {
       @content;
 
       /*! */ // Must remain separate from the above selector to not break browsers which don't support ::backdrop, e.g. Safari 14.

From 650802abec88b5ad8aebc09d2d0dcc0987982b40 Mon Sep 17 00:00:00 2001
From: langermank <18661030+langermank@users.noreply.github.com>
Date: Thu, 7 Dec 2023 10:14:31 -0800
Subject: [PATCH 2/2] changeset

---
 .changeset/shy-ducks-work.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/shy-ducks-work.md

diff --git a/.changeset/shy-ducks-work.md b/.changeset/shy-ducks-work.md
new file mode 100644
index 0000000000..0792e56060
--- /dev/null
+++ b/.changeset/shy-ducks-work.md
@@ -0,0 +1,5 @@
+---
+'@primer/css': patch
+---
+
+fix backdrop selector