diff --git a/src/app/debugging/logs.tsx b/src/app/debugging/logs.tsx
index f28d88de0..7bfc351f6 100644
--- a/src/app/debugging/logs.tsx
+++ b/src/app/debugging/logs.tsx
@@ -2,6 +2,9 @@ import { DebugLogs } from "./logs-backend.ts";
 import { app } from "../app.ts"
 import { convertANSIToHTML } from "../../utils/ansi-to-html.ts";
 import { unsafeHTML } from "../../html/unsafe-html.ts";
+import { UIX } from "../../../uix.ts";
+
+UIX.Theme.useTheme("uix-dark");
 
 const messageLoggerEnabled = $$(false);
 const verboseLogsEnabled = $$(false);
diff --git a/src/app/debugging/main.tsx b/src/app/debugging/main.tsx
index d338e3bbd..9356aaafe 100644
--- a/src/app/debugging/main.tsx
+++ b/src/app/debugging/main.tsx
@@ -1,3 +1,7 @@
+import { UIX } from "../../../uix.ts";
+
+UIX.Theme.useTheme("uix-dark");
+
 (document as any).body.append(
 	<div style="padding: 15px;">
 		<h1>UIX Debugging Tools</h1>
diff --git a/src/app/debugging/network.tsx b/src/app/debugging/network.tsx
index db9531093..f2ecb807e 100644
--- a/src/app/debugging/network.tsx
+++ b/src/app/debugging/network.tsx
@@ -1,6 +1,9 @@
 import { DebugNetwork } from "./network-backend.ts";
 import { convertANSIToHTML } from "../../utils/ansi-to-html.ts";
 import { app } from "../app.ts";
+import { UIX } from "../../../uix.ts";
+
+UIX.Theme.useTheme("uix-dark");
 
 const endpoint = $$("")