From a1f6e27c70992b7a02bd3012a9bee2977b291080 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sergio=20Xalambr=C3=AD?= <hello@sergiodxa.com>
Date: Fri, 3 May 2024 14:19:39 -0500
Subject: [PATCH] Add better light and dark mode styles

---
 app/routes/turbo-visualizer.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/app/routes/turbo-visualizer.tsx b/app/routes/turbo-visualizer.tsx
index e3952f6..c9a24da 100644
--- a/app/routes/turbo-visualizer.tsx
+++ b/app/routes/turbo-visualizer.tsx
@@ -6,7 +6,6 @@ import { Fence } from "~/components/md/fence";
 export const handle: SDX.Handle = { hydrate: true };
 
 export async function clientAction({ request }: ClientActionFunctionArgs) {
-	console.log("decoding client-side");
 	try {
 		// biome-ignore lint/style/noNonNullAssertion: The request always has a body
 		let decoded = await decode(request.body!);
@@ -27,7 +26,7 @@ export default function Component() {
 	return (
 		<main className="h-screen w-full font-mono p-8 grid grid-cols-3 gap-8">
 			<textarea
-				className="w-full h-full overflow-auto p-2 resize-none"
+				className="w-full h-full overflow-auto p-2 resize-none bg-slate-50 dark:bg-slate-950 rounded-lg"
 				onChange={(event) => {
 					submit(event.currentTarget.value, {
 						method: "POST",