diff --git a/src/lib/components/functional/FancyMenu.svelte b/src/lib/components/functional/FancyMenu.svelte
index b52c75d..77ef111 100644
--- a/src/lib/components/functional/FancyMenu.svelte
+++ b/src/lib/components/functional/FancyMenu.svelte
@@ -55,7 +55,7 @@
 			<div class="grid grid-cols-1 grid-rows-1">
 				{#key name}
 					<span
-						class="mix-blend-difference light:invert dark:invert-0 col-start-1 row-start-1 text-center"
+						class="mix-blend-difference invert dynadark:invert-0 col-start-1 row-start-1 text-center"
 						in:fly={{
 							duration,
 							easing: quintOut,
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 6f63688..250b3ea 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -83,10 +83,12 @@
 
 <div class="[@media(max-height:768px)]:block mt-10 picker-fly">
 	<Uploader
-		isMobile={data.isMobile}
+		isMobile={data.isMobile || false}
 		bind:files={ourFiles}
 		onupload={runUpload}
-		acceptedFormats={[...new Set(converters.flatMap((c) => c.supportedFormats))]}
+		acceptedFormats={[
+			...new Set(converters.flatMap((c) => c.supportedFormats)),
+		]}
 	/>
 </div>
 
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 5847f85..1ec68d4 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -27,13 +27,9 @@ export default {
 
 	plugins: [
 		plugin(function ({ addVariant }) {
-			addVariant("dark", [
-				"body.dark &",
-				"@media (prefers-color-scheme: dark)",
-			]);
-			addVariant("light", [
-				"body.light &",
-				"@media (prefers-color-scheme: light)",
+			addVariant("dynadark", [
+				"body:not(.light).dark &",
+				"@media (prefers-color-scheme: dark) { body:not(.light) &",
 			]);
 		}),
 	],