From 19018bcaef8d2a17279035a0f1d0dae3cf9ef8a1 Mon Sep 17 00:00:00 2001
From: Keith Cirkel <keithamus@users.noreply.github.com>
Date: Thu, 7 Sep 2023 12:14:58 +0100
Subject: [PATCH] provide css vars to ::backdrop (#2519)

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

diff --git a/src/support/mixins/color-modes.scss b/src/support/mixins/color-modes.scss
index 5c60b4e1..0ca2b89a 100644
--- a/src/support/mixins/color-modes.scss
+++ b/src/support/mixins/color-modes.scss
@@ -29,6 +29,14 @@
 
       /*! */ // This is a fix for a cssstats bug see https://github.com/cssstats/cssstats/issues/331
     }
+
+    ::backdrop,
+    [data-color-mode="light"][data-light-theme="#{$theme-name}"],
+    [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.
+    }
   }
 
   @else {