Blur modal

Author: rgantzos

features/blur-modal/data.json

@@ -0,0 +1,14 @@
+{
+  "title": "Blur Modal Backgrounds",
+  "description": "Blurs the backgrounds of modals instead of having a colored overlay.",
+  "credits": [
+    {
+      "username": "rgantzos",
+      "url": "https://scratch.mit.edu/users/rgantzos/"
+    }
+  ],
+  "tags": [],
+  "styles": [{ "file": "style.css", "runOn": "/*" }],
+  "dynamic": true,
+  "type": ["Editor"]
+}

features/blur-modal/style.css

@@ -0,0 +1,4 @@
+div.ReactModal__Overlay[class*='modal_modal-overlay_'] {
+    background-color: #00000040 !important;
+    backdrop-filter: blur(.5rem);
+}

features/features.json

@@ -1,4 +1,9 @@
 [
+  {
+    "version": 2,
+    "id": "blur-modal",
+    "versionAdded": "v3.7.0"
+  },
   {
     "version": 2,
     "id": "quick-search",