From 384ebdb758f08a638396618ebdb6247b7a770d37 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Tue, 21 May 2024 11:21:24 -0400
Subject: [PATCH] remove unused code

---
 .../src/lib/Output/Viewer.svelte              |  2 +-
 .../src/lib/Output/console/Console.svelte     | 36 +++++++++----------
 2 files changed, 18 insertions(+), 20 deletions(-)

diff --git a/sites/svelte-5-preview/src/lib/Output/Viewer.svelte b/sites/svelte-5-preview/src/lib/Output/Viewer.svelte
index 2944578830..c6eb952138 100644
--- a/sites/svelte-5-preview/src/lib/Output/Viewer.svelte
+++ b/sites/svelte-5-preview/src/lib/Output/Viewer.svelte
@@ -284,7 +284,7 @@
 		</div>
 
 		<section slot="panel-body">
-			<Console {logs} {theme} on:clear={clear_logs} />
+			<Console {logs} />
 		</section>
 	</PaneWithPanel>
 
diff --git a/sites/svelte-5-preview/src/lib/Output/console/Console.svelte b/sites/svelte-5-preview/src/lib/Output/console/Console.svelte
index c1adaff32f..3dad7cdf47 100644
--- a/sites/svelte-5-preview/src/lib/Output/console/Console.svelte
+++ b/sites/svelte-5-preview/src/lib/Output/console/Console.svelte
@@ -3,12 +3,9 @@
 
 	/** @type {import('./console').Log[]} */
 	export let logs;
-
-	/** @type {'light' | 'dark'} */
-	export let theme;
 </script>
 
-<div class="container" class:dark={theme === 'dark'}>
+<div class="container">
 	{#each logs as log}
 		<ConsoleLine {log} />
 	{/each}
@@ -17,20 +14,21 @@
 <style>
 	.container {
 		--json-tree-string-color: var(--sk-code-string);
-	}
-	.dark {
-		--json-tree-property-color: #72a2d3;
-		--json-tree-string-color: #6cd1c7;
-		--json-tree-symbol-color: #6cd1c7;
-		--json-tree-boolean-color: #9681f7;
-		--json-tree-function-color: #e59b6f;
-		--json-tree-number-color: #9681f7;
-		--json-tree-label-color: #9ca0a5;
-		--json-tree-arrow-color: #e8eaed;
-		--json-tree-null-color: #81868a;
-		--json-tree-undefined-color: #81868a;
-		--json-tree-date-color: #9ca0a5;
-		--json-tree-operator-color: #e8eaed;
-		--json-tree-regex-color: #6cd1c7;
+
+		:global(.dark) & {
+			--json-tree-property-color: #72a2d3;
+			--json-tree-string-color: #6cd1c7;
+			--json-tree-symbol-color: #6cd1c7;
+			--json-tree-boolean-color: #9681f7;
+			--json-tree-function-color: #e59b6f;
+			--json-tree-number-color: #9681f7;
+			--json-tree-label-color: #9ca0a5;
+			--json-tree-arrow-color: #e8eaed;
+			--json-tree-null-color: #81868a;
+			--json-tree-undefined-color: #81868a;
+			--json-tree-date-color: #9ca0a5;
+			--json-tree-operator-color: #e8eaed;
+			--json-tree-regex-color: #6cd1c7;
+		}
 	}
 </style>