From 9e90ce68547620d86367dd5f144dd2ee0f8c3740 Mon Sep 17 00:00:00 2001
From: Paul Makles <paulmakles@gmail.com>
Date: Mon, 9 May 2022 22:05:57 +0100
Subject: [PATCH] fix: override backdrop-filter if transparency effects are off

closes #550
---
 src/context/Theme.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/context/Theme.tsx b/src/context/Theme.tsx
index e6f97c41..e07e0035 100644
--- a/src/context/Theme.tsx
+++ b/src/context/Theme.tsx
@@ -103,7 +103,7 @@ export const FONTS: Record<Fonts, { name: string; load: () => void }> = {
         },
     },
 
-    "OpenDyslexic": {
+    OpenDyslexic: {
         name: "OpenDyslexic",
         load: async () => {
             await import("@fontsource/opendyslexic/400.css");
@@ -320,6 +320,14 @@ const GlobalTheme = createGlobalStyle<{ theme: Theme }>`
 :root {
 	${(props) => generateVariables(props.theme)}
 }
+
+${(props) =>
+    props.theme["min-opacity"] === 1 &&
+    `
+        * {
+            backdrop-filter: unset !important;
+        }
+    `}
 `;
 
 export const generateVariables = (theme: Theme) => {