Toggleable shadows

src/components/Applications/AppItem.tsx

@@ -26,11 +26,12 @@ export function AppItem({
 	const { ref, width, height } = useElementSize();
 	const allIcons: any = { ...fa6, ...vsc, ...si };
 	const Icon = allIcons[icon];
-	const { isMobile } = useCommonHooks();
+	const { isMobile, theme } = useCommonHooks();
 	const [textDecoration, setTextDecoration] = useState<string>('none');
 	const [hover, setHover] = useState<boolean>(false);
 	const validUrl =
 		url.startsWith('http://') || url.startsWith('https://') ? url : `http://${url}`;
+
 	return (
 		<Box
 			component='a'
@@ -99,6 +100,7 @@ export function AppItem({
 							height: scale * 32,
 							width: scale * 32,
 							filter:
+								theme.appShadowsEnabled === 1 &&
 								'drop-shadow(2px 2px color-mix(in srgb, var(--mantine-color-accent-0), transparent 30%))',
 						}}
 					/>