diff --git a/apps/code/index.html b/apps/code/index.html
index 6b829c8c6..cba9815f7 100644
--- a/apps/code/index.html
+++ b/apps/code/index.html
@@ -8,7 +8,7 @@
   <title>PostHog Code</title>
 </head>
 
-<body class="bg-dark-bg text-dark-text">
+<body class="bg-(--color-background) text-(--gray-12)">
   <div id="root"></div>
   <script type="module" src="/src/renderer/main.tsx"></script>
 </body>
diff --git a/apps/code/src/renderer/components/LoginTransition.tsx b/apps/code/src/renderer/components/LoginTransition.tsx
index 3dc17478e..913bcd65f 100644
--- a/apps/code/src/renderer/components/LoginTransition.tsx
+++ b/apps/code/src/renderer/components/LoginTransition.tsx
@@ -22,7 +22,7 @@ export function LoginTransition({
       animate={{ opacity: 1 }}
       transition={{ duration: 0.5 }}
       onAnimationComplete={onComplete}
-      className="fixed inset-0 bg-(--gray-12)"
+      className="fixed inset-0 bg-(--color-background)"
     />
   );
 }
