diff --git a/src/components/AppShell.tsx b/src/components/AppShell.tsx
index 2207708..542bfff 100644
--- a/src/components/AppShell.tsx
+++ b/src/components/AppShell.tsx
@@ -23,6 +23,7 @@ import { AnimatedPanel } from "./AnimatedPanel";
 import AdminMonitor from "./AdminMonitor";
 import CookieConsentBanner from "./CookieConsentBanner";
 import { loadRechargeModal, type RechargeModalComponent } from "./RechargeModal/loadRechargeModal";
+import { loadDarkGreenTheme } from "../styles/loadDarkGreenTheme";
 
 interface AppShellProps {
   activeView: WebViewKey;
@@ -129,6 +130,7 @@ function AppShell({
       return;
     }
 
+    void loadDarkGreenTheme();
     document.documentElement.dataset.theme = "dark";
     document.documentElement.dataset.uiTheme = "dark-green";
     document.documentElement.style.colorScheme = "dark";
diff --git a/src/styles/index.css b/src/styles/index.css
index efc0b14..48360bf 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -6,4 +6,3 @@
 @import "./components/toast.css";
 @import "./components/page-transition.css";
 @import "./components/motion.css";
-@import "./themes/dark-green.css";
diff --git a/src/styles/loadDarkGreenTheme.ts b/src/styles/loadDarkGreenTheme.ts
new file mode 100644
index 0000000..a8cdf45
--- /dev/null
+++ b/src/styles/loadDarkGreenTheme.ts
@@ -0,0 +1,6 @@
+let darkGreenThemePromise: Promise<unknown> | null = null;
+
+export function loadDarkGreenTheme(): Promise<unknown> {
+  darkGreenThemePromise ??= import("./themes/dark-green.css");
+  return darkGreenThemePromise;
+}