perf: defer dark green theme styles

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";

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";

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;
+}