diff --git a/apps/code/20260130-000000/src/server/index.tsx b/apps/code/20260130-000000/src/server/index.tsx
index 4060afb..e2c0e06 100644
--- a/apps/code/20260130-000000/src/server/index.tsx
+++ b/apps/code/20260130-000000/src/server/index.tsx
@@ -1,6 +1,6 @@
import { Hype } from '@because/hype'
import { define, stylesToCSS } from '@because/forge'
-import { baseStyles, initScript, theme } from '@because/toes/tools'
+import { baseStyles, ToolScript, theme } from '@because/toes/tools'
import { readdir, stat } from 'fs/promises'
import { readFileSync } from 'fs'
import { join, extname, basename } from 'path'
@@ -309,7 +309,7 @@ function Layout({ title, children, highlight, editable }: LayoutProps) {
-
+
{children}
diff --git a/apps/cron/20260201-000000/index.tsx b/apps/cron/20260201-000000/index.tsx
index e6c3fce..678eb16 100644
--- a/apps/cron/20260201-000000/index.tsx
+++ b/apps/cron/20260201-000000/index.tsx
@@ -1,6 +1,6 @@
import { Hype } from '@because/hype'
import { define, stylesToCSS } from '@because/forge'
-import { baseStyles, initScript, theme } from '@because/toes/tools'
+import { baseStyles, ToolScript, theme } from '@because/toes/tools'
import { discoverCronJobs } from './lib/discovery'
import { scheduleJob, stopJob } from './lib/scheduler'
import { executeJob } from './lib/executor'
@@ -183,7 +183,7 @@ function Layout({ title, children }: { title: string; children: Child }) {
-
+
{children}
diff --git a/src/tools/index.ts b/src/tools/index.ts
index cc7dad9..562c952 100644
--- a/src/tools/index.ts
+++ b/src/tools/index.ts
@@ -1,3 +1,2 @@
export { theme } from '../client/themes'
-export { baseStyles, initScript } from './scripts'
-export { define, stylesToCSS } from '@because/forge'
+export { baseStyles, ToolScript } from './scripts.tsx'
diff --git a/src/tools/scripts.ts b/src/tools/scripts.tsx
similarity index 89%
rename from src/tools/scripts.ts
rename to src/tools/scripts.tsx
index f9a60d4..db8f16f 100644
--- a/src/tools/scripts.ts
+++ b/src/tools/scripts.tsx
@@ -1,6 +1,6 @@
import { theme } from '../client/themes'
-export const initScript = `
+const initScript = `
(function() {
var theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
document.body.setAttribute('data-theme', theme);
@@ -29,3 +29,5 @@ body {
margin: 0;
}
`
+
+export const ToolScript = () =>