From 136fcce5dfde3633bc3cec55d66fc29b775bcb3f Mon Sep 17 00:00:00 2001 From: "t3-code[bot]" <269035359+t3-code[bot]@users.noreply.github.com> Date: Mon, 3 Aug 2026 22:05:11 +0000 Subject: [PATCH 1/4] fix(web): simplify chat code blocks --- apps/web/src/components/ChatMarkdown.tsx | 2 +- apps/web/src/index.css | 17 +++++++++-------- 2 files changed, 10 insertions(+), 9 deletions(-) diff --git a/apps/web/src/components/ChatMarkdown.tsx b/apps/web/src/components/ChatMarkdown.tsx index 985e943cb39..047f249e444 100644 --- a/apps/web/src/components/ChatMarkdown.tsx +++ b/apps/web/src/components/ChatMarkdown.tsx @@ -606,7 +606,7 @@ function MarkdownCodeBlock({ theme={theme} /> - + select#reasoning-effort) select { .chat-markdown .chat-markdown-codeblock { margin: 0.65rem 0; overflow: hidden; - border: 1px solid var(--border); - border-radius: 0.75rem; - background: color-mix(in srgb, var(--muted) 78%, var(--background)); + border-radius: var(--radius); + background: color-mix(in srgb, var(--muted) 92%, var(--foreground)); +} + +.dark .chat-markdown .chat-markdown-codeblock { + background: color-mix(in srgb, var(--muted) 45%, var(--background)); } .chat-markdown .chat-markdown-codeblock-header { @@ -1425,10 +1428,8 @@ label:has(> select#reasoning-effort) select { align-items: center; justify-content: space-between; gap: 0.5rem; - border-bottom: 1px solid var(--border); - background: var(--muted); - padding: 0.25rem 0.375rem 0.25rem 0.7rem; - color: var(--muted-foreground); + padding: 0.375rem 0.375rem 0 0.75rem; + color: color-mix(in srgb, var(--foreground) 72%, transparent); } .chat-markdown .chat-markdown-codeblock-title { @@ -1441,7 +1442,7 @@ label:has(> select#reasoning-effort) select { } .chat-markdown .chat-markdown-chrome-action { - color: var(--muted-foreground); + color: color-mix(in srgb, var(--foreground) 72%, transparent); } .chat-markdown .chat-markdown-chrome-action:hover { From 9122f4f956e8771221062c3cb0407ac95a5c941f Mon Sep 17 00:00:00 2001 From: "t3-code[bot]" <269035359+t3-code[bot]@users.noreply.github.com> Date: Mon, 3 Aug 2026 22:33:38 +0000 Subject: [PATCH 2/4] fix(web): tune code block surfaces --- apps/web/src/index.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/web/src/index.css b/apps/web/src/index.css index 678db604a87..207847027a2 100644 --- a/apps/web/src/index.css +++ b/apps/web/src/index.css @@ -1416,11 +1416,11 @@ label:has(> select#reasoning-effort) select { margin: 0.65rem 0; overflow: hidden; border-radius: var(--radius); - background: color-mix(in srgb, var(--muted) 92%, var(--foreground)); + background: color-mix(in srgb, var(--muted) 96%, var(--foreground)); } .dark .chat-markdown .chat-markdown-codeblock { - background: color-mix(in srgb, var(--muted) 45%, var(--background)); + background: color-mix(in srgb, var(--muted) 20%, var(--background)); } .chat-markdown .chat-markdown-codeblock-header { From 8e241558314fd6e66c09d7b3ca121c281d2bbd83 Mon Sep 17 00:00:00 2001 From: "t3-code[bot]" <269035359+t3-code[bot]@users.noreply.github.com> Date: Mon, 3 Aug 2026 23:15:32 +0000 Subject: [PATCH 3/4] fix(web): match chat code blocks to changed files --- apps/web/src/components/ChatMarkdown.tsx | 2 +- apps/web/src/index.css | 5 ----- 2 files changed, 1 insertion(+), 6 deletions(-) diff --git a/apps/web/src/components/ChatMarkdown.tsx b/apps/web/src/components/ChatMarkdown.tsx index 047f249e444..8c6971fb8ba 100644 --- a/apps/web/src/components/ChatMarkdown.tsx +++ b/apps/web/src/components/ChatMarkdown.tsx @@ -594,7 +594,7 @@ function MarkdownCodeBlock({ return (
diff --git a/apps/web/src/index.css b/apps/web/src/index.css index 207847027a2..9d7b4a41ee4 100644 --- a/apps/web/src/index.css +++ b/apps/web/src/index.css @@ -1416,11 +1416,6 @@ label:has(> select#reasoning-effort) select { margin: 0.65rem 0; overflow: hidden; border-radius: var(--radius); - background: color-mix(in srgb, var(--muted) 96%, var(--foreground)); -} - -.dark .chat-markdown .chat-markdown-codeblock { - background: color-mix(in srgb, var(--muted) 20%, var(--background)); } .chat-markdown .chat-markdown-codeblock-header { From 917104aba4077821ba04d85b350c661771848cfa Mon Sep 17 00:00:00 2001 From: "t3-code[bot]" <269035359+t3-code[bot]@users.noreply.github.com> Date: Tue, 4 Aug 2026 00:02:28 +0000 Subject: [PATCH 4/4] fix(web): match changed files border --- apps/web/src/components/ChatMarkdown.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/web/src/components/ChatMarkdown.tsx b/apps/web/src/components/ChatMarkdown.tsx index 8c6971fb8ba..45d0554bd01 100644 --- a/apps/web/src/components/ChatMarkdown.tsx +++ b/apps/web/src/components/ChatMarkdown.tsx @@ -594,7 +594,7 @@ function MarkdownCodeBlock({ return (