From 11a1918a2ee5731a6a03b168616b315ea0f474ac Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Fri, 7 Nov 2025 08:47:54 -0800
Subject: [PATCH] fix advanced rendering toggle on web with NewModal Closes
 #2284 (#4733)

---
 apps/frontend/src/layouts/default.vue         | 9 ++++++++-
 packages/ui/src/components/modal/NewModal.vue | 6 ++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/layouts/default.vue b/apps/frontend/src/layouts/default.vue
index 834a08b8..ad84124a 100644
--- a/apps/frontend/src/layouts/default.vue
+++ b/apps/frontend/src/layouts/default.vue
@@ -26,7 +26,14 @@
 			</div>
 		</div>
 	</div>
-	<div ref="main_page" class="layout" :class="{ 'expanded-mobile-nav': isBrowseMenuOpen }">
+	<div
+		ref="main_page"
+		class="layout"
+		:class="{
+			'expanded-mobile-nav': isBrowseMenuOpen,
+			'modrinth-parent__no-modal-blurs': !cosmetics.advancedRendering,
+		}"
+	>
 		<PagewideBanner v-if="isRussia && !flags.hideRussiaCensorshipBanner" variant="error">
 			<template #title>
 				<div class="flex flex-col gap-1 text-contrast">
diff --git a/packages/ui/src/components/modal/NewModal.vue b/packages/ui/src/components/modal/NewModal.vue
index 03ec90ca..d4e1bccd 100644
--- a/packages/ui/src/components/modal/NewModal.vue
+++ b/packages/ui/src/components/modal/NewModal.vue
@@ -266,6 +266,12 @@ function handleKeyDown(event: KeyboardEvent) {
 	}
 }
 
+.modrinth-parent__no-modal-blurs {
+	.modal-overlay {
+		backdrop-filter: none;
+	}
+}
+
 .modal-container {
 	position: fixed;
 	top: 0;