From 63a0e68d247303804458fcfd7f834ac24e44ea01 Mon Sep 17 00:00:00 2001
From: madkarmaa <madkarma99@gmail.com>
Date: Fri, 9 May 2025 13:30:28 +0200
Subject: [PATCH] feat: add debug outlines functionality

---
 src/routes/+layout.svelte | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 39ee1be..6fbab8b 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -9,6 +9,9 @@
 	type Props = { children: Snippet };
 	let { children }: Props = $props();
 
+	// set this to true to enable debug outlines on all elements
+	const debug = false;
+
 	$effect(() => {
 		document.documentElement.setAttribute('data-event-name', $event);
 	});
@@ -21,3 +24,12 @@
 	{@render children()}
 </main>
 <Footer />
+
+{#if debug}
+	<style global>
+		* {
+			outline: 1px solid #f002 !important;
+			outline-offset: -1px;
+		}
+	</style>
+{/if}