diff --git a/sites/svelte.dev/package-lock.json b/sites/svelte.dev/package-lock.json
index 606b99d944..a4cc9f2393 100644
--- a/sites/svelte.dev/package-lock.json
+++ b/sites/svelte.dev/package-lock.json
@@ -9,7 +9,7 @@
 			"version": "1.0.0",
 			"dependencies": {
 				"@supabase/supabase-js": "^2.21.0",
-				"@sveltejs/repl": "^0.5.0-next.1",
+				"@sveltejs/repl": "^0.5.0-next.2",
 				"cookie": "^0.5.0",
 				"devalue": "^4.3.0",
 				"do-not-zip": "^1.0.0",
@@ -62,9 +62,9 @@
 			}
 		},
 		"node_modules/@codemirror/commands": {
-			"version": "6.2.3",
-			"resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.2.3.tgz",
-			"integrity": "sha512-9uf0g9m2wZyrIim1SavcxMdwsu8wc/y5uSw6JRUBYIGWrN+RY4vSru/BqB+MyNWqx4C2uRhQ/Kh7Pw8lAyT3qQ==",
+			"version": "6.2.4",
+			"resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.2.4.tgz",
+			"integrity": "sha512-42lmDqVH0ttfilLShReLXsDfASKLXzfyC36bzwcqzox9PlHulMcsUOfHXNo2X2aFMVNUoQ7j+d4q5bnfseYoOA==",
 			"dependencies": {
 				"@codemirror/language": "^6.0.0",
 				"@codemirror/state": "^6.2.0",
@@ -175,9 +175,9 @@
 			"integrity": "sha512-69QXtcrsc3RYtOtd+GsvczJ319udtBf1PTrr2KbLWM/e2CXUPnh0Nz9AUo8WfhSQ7GeL8dPVNUmhQVgpmuaNGA=="
 		},
 		"node_modules/@codemirror/view": {
-			"version": "6.10.0",
-			"resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.10.0.tgz",
-			"integrity": "sha512-Oea3rvE4JQLMmLsy2b54yxXQJgJM9xKpUQIpF/LGgKUTH2lA06GAmEtKKWn5OUnbW3jrH1hHeUd8DJEgePMOeQ==",
+			"version": "6.11.0",
+			"resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.11.0.tgz",
+			"integrity": "sha512-PRpPRkqMkAKKxEuiUBxapE0YR+wqs9At92ujbJo93PwTZ0jEJDzx9wahrDcXEhQ43Pe0RK9DdZMLWrt+QN80DA==",
 			"dependencies": {
 				"@codemirror/state": "^6.1.4",
 				"style-mod": "^4.0.0",
@@ -1072,12 +1072,11 @@
 			}
 		},
 		"node_modules/@neocodemirror/svelte": {
-			"version": "0.0.5",
-			"resolved": "https://registry.npmjs.org/@neocodemirror/svelte/-/svelte-0.0.5.tgz",
-			"integrity": "sha512-62W6gkMQ98p0E5f0an+n+T/MuuydpOIOjr3IAQp7+kHibz9Zf4kaIo7GikXA+zSAM5L9Wx9aVHR9d+xQhvJflg==",
+			"version": "0.0.8",
+			"resolved": "https://registry.npmjs.org/@neocodemirror/svelte/-/svelte-0.0.8.tgz",
+			"integrity": "sha512-t3CP/ZsWgPYzrhqLH9Dukw0GNpMJSpqGBYAQFP1OvYXerd9xwBdXcKovP/x5SmKAiJF6cvWey/5plZNzJvB3vQ==",
 			"dependencies": {
 				"csstype": "^3.1.2",
-				"dequal": "^2.0.3",
 				"nanostores": "^0.8.1"
 			},
 			"peerDependencies": {
@@ -1371,9 +1370,9 @@
 			}
 		},
 		"node_modules/@rollup/browser": {
-			"version": "3.21.2",
-			"resolved": "https://registry.npmjs.org/@rollup/browser/-/browser-3.21.2.tgz",
-			"integrity": "sha512-0Hde/zXdwf1lbpPkpIbgBCeGeAVEiz00jhU3zKnl50cdb4Wx/VvZBuxiu9i766H0e0HpF3fgdYkaA/vNU4fnjQ=="
+			"version": "3.21.4",
+			"resolved": "https://registry.npmjs.org/@rollup/browser/-/browser-3.21.4.tgz",
+			"integrity": "sha512-Js5mgPYEup6sIzRzI3fOLFmNE2Rf5ecuT+Tj531kURgGMDVJa3kNEm2MkS41qADKc0IKI7jkoal0Zlw2nGmsPQ=="
 		},
 		"node_modules/@rollup/pluginutils": {
 			"version": "4.2.1",
@@ -1510,9 +1509,9 @@
 			}
 		},
 		"node_modules/@sveltejs/repl": {
-			"version": "0.5.0-next.1",
-			"resolved": "https://registry.npmjs.org/@sveltejs/repl/-/repl-0.5.0-next.1.tgz",
-			"integrity": "sha512-CSZM9LW5Rokjp0E6AM+jpVZRFqNcmxyL+siCADhUuiGeaJPHAzWYHu1N6Jyj2ZgR5gaMcqngwecF+VdE55bTvw==",
+			"version": "0.5.0-next.2",
+			"resolved": "https://registry.npmjs.org/@sveltejs/repl/-/repl-0.5.0-next.2.tgz",
+			"integrity": "sha512-2S1KKBZlr4I3MYzqrmreXSrUZX0tONsQ5AS5hLe1TYMKkYNBelkgvtuaxr7PXPIOmYP8Lc/ij3NNXWkPh+D0og==",
 			"dependencies": {
 				"@codemirror/autocomplete": "^6.6.0",
 				"@codemirror/commands": "^6.2.3",
@@ -1523,19 +1522,19 @@
 				"@codemirror/language": "^6.6.0",
 				"@codemirror/lint": "^6.2.1",
 				"@codemirror/state": "^6.2.0",
-				"@codemirror/view": "^6.10.0",
+				"@codemirror/view": "^6.10.1",
 				"@jridgewell/sourcemap-codec": "^1.4.15",
 				"@lezer/highlight": "^1.1.4",
-				"@neocodemirror/svelte": "0.0.5",
+				"@neocodemirror/svelte": "0.0.8",
 				"@replit/codemirror-lang-svelte": "^6.0.0",
 				"@rich_harris/svelte-split-pane": "^1.1.0",
-				"@rollup/browser": "^3.21.1",
+				"@rollup/browser": "^3.21.3",
 				"@sveltejs/site-kit": "5.0.4",
 				"acorn": "^8.8.2",
 				"codemirror": "^6.0.1",
 				"esm-env": "^1.0.0",
 				"estree-walker": "^3.0.3",
-				"marked": "^4.3.0",
+				"marked": "^5.0.0",
 				"resolve.exports": "^2.0.2",
 				"svelte-json-tree": "^1.0.0"
 			},
@@ -1543,6 +1542,17 @@
 				"svelte": "^3.54.0"
 			}
 		},
+		"node_modules/@sveltejs/repl/node_modules/marked": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/marked/-/marked-5.0.0.tgz",
+			"integrity": "sha512-YQ6+L9l/NSBDjFgCQQebmTCc62EUdZ5RpIZ7A/FmC8IYMB5s7Cz8sT7imuMAkbIL4CvXpQLdW45fpK5UwiU7DA==",
+			"bin": {
+				"marked": "bin/marked.js"
+			},
+			"engines": {
+				"node": ">= 18"
+			}
+		},
 		"node_modules/@sveltejs/site-kit": {
 			"version": "5.0.4",
 			"resolved": "https://registry.npmjs.org/@sveltejs/site-kit/-/site-kit-5.0.4.tgz",
@@ -2215,14 +2225,6 @@
 			"integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
 			"dev": true
 		},
-		"node_modules/dequal": {
-			"version": "2.0.3",
-			"resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
-			"integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
-			"engines": {
-				"node": ">=6"
-			}
-		},
 		"node_modules/detect-indent": {
 			"version": "6.1.0",
 			"resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz",
@@ -3064,6 +3066,7 @@
 			"version": "4.3.0",
 			"resolved": "https://registry.npmjs.org/marked/-/marked-4.3.0.tgz",
 			"integrity": "sha512-PRsaiG84bK+AMvxziE/lCFss8juXjNaWzVbN5tXAm4XjeaS9NAHhop+PjQxz2A9h8Q4M/xGmzP8vqNwy6JeK0A==",
+			"dev": true,
 			"bin": {
 				"marked": "bin/marked.js"
 			},
diff --git a/sites/svelte.dev/package.json b/sites/svelte.dev/package.json
index 8acb8934a6..b543eabbbd 100644
--- a/sites/svelte.dev/package.json
+++ b/sites/svelte.dev/package.json
@@ -17,7 +17,7 @@
 	},
 	"dependencies": {
 		"@supabase/supabase-js": "^2.21.0",
-		"@sveltejs/repl": "^0.5.0-next.1",
+		"@sveltejs/repl": "^0.5.0-next.2",
 		"cookie": "^0.5.0",
 		"devalue": "^4.3.0",
 		"do-not-zip": "^1.0.0",
diff --git a/sites/svelte.dev/src/lib/components/ReplWidget.svelte b/sites/svelte.dev/src/lib/components/ReplWidget.svelte
index 1227b2e2ed..dfaf9768ee 100644
--- a/sites/svelte.dev/src/lib/components/ReplWidget.svelte
+++ b/sites/svelte.dev/src/lib/components/ReplWidget.svelte
@@ -2,6 +2,7 @@
 	import { browser } from '$app/environment';
 	import { process_example } from '$lib/utils/examples';
 	import Repl from '@sveltejs/repl';
+	import { theme } from '@sveltejs/site-kit/components';
 	import { onMount } from 'svelte';
 
 	export let version = '3';
@@ -84,5 +85,5 @@
 </script>
 
 {#if browser}
-	<Repl bind:this={repl} {svelteUrl} embedded relaxed />
+	<Repl bind:this={repl} {svelteUrl} embedded relaxed previewTheme={$theme.current} />
 {/if}
diff --git a/sites/svelte.dev/src/routes/(authed)/repl/[id]/+page.svelte b/sites/svelte.dev/src/routes/(authed)/repl/[id]/+page.svelte
index 8463bd75d6..c559585c6b 100644
--- a/sites/svelte.dev/src/routes/(authed)/repl/[id]/+page.svelte
+++ b/sites/svelte.dev/src/routes/(authed)/repl/[id]/+page.svelte
@@ -1,8 +1,9 @@
 <script>
-	import Repl from '@sveltejs/repl';
-	import { onMount } from 'svelte';
 	import { browser } from '$app/environment';
 	import { afterNavigate, goto } from '$app/navigation';
+	import Repl from '@sveltejs/repl';
+	import { theme } from '@sveltejs/site-kit/components';
+	import { onMount } from 'svelte';
 	import { mapbox_setup } from '../../../../config.js';
 	import AppControls from './AppControls.svelte';
 
@@ -92,6 +93,7 @@
 			on:change={handle_change}
 			on:add={handle_change}
 			on:remove={handle_change}
+			previewTheme={$theme.current}
 		/>
 	{/if}
 </div>
diff --git a/sites/svelte.dev/src/routes/examples/[slug]/+page.svelte b/sites/svelte.dev/src/routes/examples/[slug]/+page.svelte
index 222aaaf799..3350bae7d0 100644
--- a/sites/svelte.dev/src/routes/examples/[slug]/+page.svelte
+++ b/sites/svelte.dev/src/routes/examples/[slug]/+page.svelte
@@ -4,6 +4,7 @@
 	import { navigating } from '$app/stores';
 	import ScreenToggle from '$lib/components/ScreenToggle.svelte';
 	import Repl from '@sveltejs/repl';
+	import { theme } from '@sveltejs/site-kit/components';
 	import { mapbox_setup, svelteUrl } from '../../../config';
 	import TableOfContents from './TableOfContents.svelte';
 
@@ -52,6 +53,7 @@
 				fixed={mobile}
 				relaxed
 				injectedJS={mapbox_setup}
+				previewTheme={$theme.current}
 			/>
 		</div>
 	</div>
diff --git a/sites/svelte.dev/src/routes/tutorial/[slug]/+page.svelte b/sites/svelte.dev/src/routes/tutorial/[slug]/+page.svelte
index a8bde47ced..0ff2f6461e 100644
--- a/sites/svelte.dev/src/routes/tutorial/[slug]/+page.svelte
+++ b/sites/svelte.dev/src/routes/tutorial/[slug]/+page.svelte
@@ -2,6 +2,7 @@
 	import { browser } from '$app/environment';
 	import ScreenToggle from '$lib/components/ScreenToggle.svelte';
 	import Repl from '@sveltejs/repl';
+	import { theme } from '@sveltejs/site-kit/components';
 	import { mapbox_setup, svelteUrl } from '../../../config.js';
 	import TableOfContents from './TableOfContents.svelte';
 
@@ -142,6 +143,7 @@
 					on:change={handle_change}
 					injectedJS={mapbox_setup}
 					relaxed
+					previewTheme={$theme.current}
 				/>
 			{/if}
 		</div>