fix: override backdrop-filter if transparency effects are off

closes #550
This commit is contained in:
Paul Makles 2022-05-09 22:05:57 +01:00
parent 81e9774cc0
commit 9e90ce6854

View file

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