From c160453be8a7d63fbb22ccb6aea19294c6fe5937 Mon Sep 17 00:00:00 2001 From: Ishaan Gupta Date: Tue, 9 Jun 2026 19:09:13 +0530 Subject: [PATCH] Improve chat code block contrast --- apps/web/globals.css | 17 ++++++++++++++--- 1 file changed, 14 insertions(+), 3 deletions(-) diff --git a/apps/web/globals.css b/apps/web/globals.css index b02fc214..ff8d4e90 100644 --- a/apps/web/globals.css +++ b/apps/web/globals.css @@ -202,20 +202,31 @@ border-radius: 0.75rem; background: #080b10 !important; padding: 0.875rem 1rem; - color: #e4e4e7 !important; + color: #f4f4f5 !important; } .chat-markdown-content pre code { display: block; background: transparent !important; padding: 0; - color: #e4e4e7 !important; - font-size: 0.8125rem; + color: #f4f4f5 !important; + font-size: 0.875rem; line-height: 1.65; text-shadow: none; white-space: pre; } +.chat-markdown-content pre code *, +.chat-markdown-content pre [style] { + background: transparent !important; + color: #f4f4f5 !important; + text-shadow: none !important; +} + +.chat-markdown-content pre code .line { + min-height: 1.45em; +} + .chat-markdown-content :not(pre) > code { border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 0.375rem;