From 1ab7144183a5d8167d2bb4a7af9926ef7b9dea59 Mon Sep 17 00:00:00 2001
From: Matt Pua <matt.p@posthog.com>
Date: Wed, 24 Jun 2026 10:22:29 -0400
Subject: [PATCH] chore(styles): use semantic color variables for plan markdown
 styling

Generated-By: PostHog Code
---
 packages/ui/src/styles/globals.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/styles/globals.css b/packages/ui/src/styles/globals.css
index 958ac86f6..e5b187d00 100644
--- a/packages/ui/src/styles/globals.css
+++ b/packages/ui/src/styles/globals.css
@@ -475,13 +475,13 @@ body {
     "Berkeley Mono", "JetBrains Mono", "Monaco", "Menlo", "Ubuntu Mono",
     "Courier New", monospace;
   font-size: 12px;
-  background: rgba(0, 0, 0, 0.2);
+  background: var(--blue-a5);
   padding: 0 4px;
   border-radius: 4px;
 }
 
 .plan-markdown pre {
-  background: rgba(0, 0, 0, 0.25);
+  background: var(--blue-a3);
   padding: 8px 10px;
   border-radius: 6px;
   overflow-x: auto;
@@ -504,7 +504,7 @@ body {
 
 .plan-markdown th,
 .plan-markdown td {
-  border: 1px solid rgba(255, 255, 255, 0.2);
+  border: 1px solid var(--blue-a6);
   padding: 4px 6px;
   text-align: left;
   vertical-align: top;
@@ -513,7 +513,7 @@ body {
 .plan-markdown blockquote {
   margin: 8px 0 12px;
   padding-left: 10px;
-  border-left: 2px solid rgba(255, 255, 255, 0.3);
+  border-left: 2px solid var(--blue-a6);
 }
 
 ::-webkit-scrollbar {