From 9163f88ce569aa34009a7ae05b344a2eb30e994a Mon Sep 17 00:00:00 2001
From: "russell@unturf.com" <russell@unturf.com>
Date: Tue, 24 Feb 2026 17:51:14 -0500
Subject: [PATCH] add dark background to ai-message pre blocks for hljs syntax
 highlighting

---
 public/src/uncloseai-modal-builtin.css | 4 ++++
 public/src/uncloseai-modal-pico.css    | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/public/src/uncloseai-modal-builtin.css b/public/src/uncloseai-modal-builtin.css
index 8e7ea9d..f704a95 100644
--- a/public/src/uncloseai-modal-builtin.css
+++ b/public/src/uncloseai-modal-builtin.css
@@ -1143,6 +1143,10 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .uncloseai-chat-box {
   overflow-x: auto;
   overflow-y: visible;
   max-width: min(72vw, 900px);
+  background: #2b2b2b;
+  color: #f8f8f2;
+  border-radius: 8px;
+  padding: 16px;
 }
 
 .ai-message code {
diff --git a/public/src/uncloseai-modal-pico.css b/public/src/uncloseai-modal-pico.css
index 870d8ff..035a2cb 100644
--- a/public/src/uncloseai-modal-pico.css
+++ b/public/src/uncloseai-modal-pico.css
@@ -1221,6 +1221,10 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .uncloseai-chat-box {
   overflow-x: auto;
   overflow-y: visible;
   max-width: min(72vw, 900px);
+  background: #2b2b2b;
+  color: #f8f8f2;
+  border-radius: 8px;
+  padding: 16px;
 }
 
 .ai-message code {