diff --git a/ui/theme/src/stitches.config.ts b/ui/theme/src/stitches.config.ts
index af90fe3fd..1261d7f03 100644
--- a/ui/theme/src/stitches.config.ts
+++ b/ui/theme/src/stitches.config.ts
@@ -122,10 +122,16 @@ const _darkTheme = createTheme(`${prefix}-dark.${prefix}-dark`, {
 });
 
 export const darkTheme = {
-  className: `${prefix}-dark`,
+  get className() {
+    _darkTheme.className;
+    return `${prefix}-dark`;
+  },
   selector: _darkTheme.selector,
   colors: _darkTheme.colors,
-  toString: () => `${prefix}-dark`,
+  toString: () => {
+    _darkTheme.toString();
+    return `${prefix}-dark`;
+  },
 };
 
 export const globalStyles = globalCss({