From c0ae18244b9a9f93dafe9f4304dfda0353851f2e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thomas=20Oberm=C3=BCller?= <thomas.obermueller@gmail.com>
Date: Mon, 18 May 2026 17:29:41 +0200
Subject: [PATCH] feat(design): fullscreen plan should have same background as
 inline

---
 .../renderer/components/permissions/PlanContent.tsx    | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/code/src/renderer/components/permissions/PlanContent.tsx b/apps/code/src/renderer/components/permissions/PlanContent.tsx
index 7dfb10e42..0b12ebbb5 100644
--- a/apps/code/src/renderer/components/permissions/PlanContent.tsx
+++ b/apps/code/src/renderer/components/permissions/PlanContent.tsx
@@ -69,15 +69,15 @@ export function PlanContent({ id, plan }: PlanContentProps) {
           </Flex>
 
           {createPortal(
-            <Box className="pointer-events-auto absolute inset-0 flex flex-col bg-gray-1">
+            <Box className="pointer-events-auto absolute inset-0 flex flex-col bg-blue-2">
               <Flex
                 align="center"
                 justify="between"
-                className="border-gray-6 border-b px-4 py-2"
+                className="border-blue-6 border-b px-4 py-2"
               >
                 <Flex align="center" gap="2">
-                  <ListChecks size={14} className="text-gray-11" />
-                  <Text className="text-gray-11 text-sm">Plan</Text>
+                  <ListChecks size={14} className="text-blue-11" />
+                  <Text className="text-blue-11 text-sm">Plan</Text>
                 </Flex>
                 <IconButton
                   size="1"
@@ -92,7 +92,7 @@ export function PlanContent({ id, plan }: PlanContentProps) {
 
               <Box
                 ref={scrollRef}
-                className="plan-markdown flex-1 overflow-y-auto p-6"
+                className="plan-markdown flex-1 overflow-y-auto p-6 text-blue-12"
               >
                 {markdown}
               </Box>