From 612ec6af1b9fd4c19ca70378b7be4ae1430e8020 Mon Sep 17 00:00:00 2001 From: Sean Burkes Date: Wed, 11 Feb 2026 21:22:41 -0700 Subject: [PATCH 1/3] Fix markdown code block text visibility in light mode --- packages/ui/src/styles/markdown.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/packages/ui/src/styles/markdown.css b/packages/ui/src/styles/markdown.css index dbeea6dd..93d99a13 100644 --- a/packages/ui/src/styles/markdown.css +++ b/packages/ui/src/styles/markdown.css @@ -113,12 +113,18 @@ font-size: var(--font-size-sm); line-height: var(--line-height-normal); background-color: var(--surface-code); + color: var(--text-primary); border: 1px solid var(--border-base); border-radius: 8px; padding: 0.75rem; margin: 1rem 0; } + .markdown-body pre code, + .markdown-code-block pre code { + color: var(--text-primary); + } + .markdown-body blockquote { border-left: 3px solid var(--border-base); color: var(--text-secondary); From 67a530a83bc6e6f51e812ee75cdb4348f1f05681 Mon Sep 17 00:00:00 2001 From: Sean Burkes Date: Wed, 11 Feb 2026 21:54:45 -0700 Subject: [PATCH 2/3] Fix rendering for light mode table and diagnostic sections; add guards for shiki --- packages/ui/src/styles/markdown.css | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/packages/ui/src/styles/markdown.css b/packages/ui/src/styles/markdown.css index 93d99a13..95bc9287 100644 --- a/packages/ui/src/styles/markdown.css +++ b/packages/ui/src/styles/markdown.css @@ -1,4 +1,4 @@ -@import "github-markdown-css/github-markdown-dark.css"; +@import "github-markdown-css/github-markdown-light.css" layer(github-markdown-base); @layer components { .markdown-body { @@ -108,7 +108,7 @@ background: transparent; } - .markdown-body pre { + .markdown-body pre:not(.shiki) { font-family: var(--font-family-mono); font-size: var(--font-size-sm); line-height: var(--line-height-normal); @@ -120,8 +120,8 @@ margin: 1rem 0; } - .markdown-body pre code, - .markdown-code-block pre code { + .markdown-body pre:not(.shiki) code, + .markdown-code-block pre:not(.shiki) code { color: var(--text-primary); } @@ -174,12 +174,18 @@ border: 1px solid var(--border-base); padding: 0.5rem 0.75rem; text-align: left; + color: var(--text-primary); + background-color: transparent; } .markdown-body th { background-color: var(--surface-secondary); } + .markdown-body tbody tr:nth-child(2n) { + background-color: var(--surface-muted); + } + .markdown-code-block { position: relative; margin: 10px 0; From 9ea4f6b5ef5544fad3873c383e05a930d1c5918f Mon Sep 17 00:00:00 2001 From: Sean Burkes Date: Thu, 12 Feb 2026 15:21:07 -0700 Subject: [PATCH 3/3] fix: light/dark mode consistency with alternating table row colors --- packages/ui/src/styles/markdown.css | 18 ++++++------------ packages/ui/src/styles/tokens.css | 6 ++++++ 2 files changed, 12 insertions(+), 12 deletions(-) diff --git a/packages/ui/src/styles/markdown.css b/packages/ui/src/styles/markdown.css index 95bc9287..142e8e68 100644 --- a/packages/ui/src/styles/markdown.css +++ b/packages/ui/src/styles/markdown.css @@ -157,16 +157,6 @@ width: 100%; margin: 1rem 0; background-color: transparent; - display: block; - padding-right: 0.75rem; - } - - .markdown-body thead, - .markdown-body tbody, - .markdown-body tfoot { - width: 100%; - display: table; - table-layout: fixed; } .markdown-body th, @@ -182,8 +172,12 @@ background-color: var(--surface-secondary); } - .markdown-body tbody tr:nth-child(2n) { - background-color: var(--surface-muted); + .markdown-body tbody > tr:nth-child(odd) > td { + background-color: var(--markdown-table-row-odd); + } + + .markdown-body tbody > tr:nth-child(even) > td { + background-color: var(--markdown-table-row-even); } .markdown-code-block { diff --git a/packages/ui/src/styles/tokens.css b/packages/ui/src/styles/tokens.css index 41468de7..c8a92642 100644 --- a/packages/ui/src/styles/tokens.css +++ b/packages/ui/src/styles/tokens.css @@ -6,6 +6,8 @@ --surface-muted: #f8fafc; --surface-code: #f1f5f9; --surface-hover: #e0e0e0; + --markdown-table-row-odd: transparent; + --markdown-table-row-even: #f1f5f9; /* Border tokens */ --border-base: #e0e0e0; @@ -180,6 +182,8 @@ --surface-muted: #212529; --surface-code: #1a1a1a; --surface-hover: #3a3a3a; + --markdown-table-row-odd: #0f1114; + --markdown-table-row-even: #181c22; /* Border tokens */ --border-base: #3a3a3a; @@ -347,6 +351,8 @@ --surface-muted: #212529; --surface-code: #1a1a1a; --surface-hover: #3a3a3a; + --markdown-table-row-odd: #0f1114; + --markdown-table-row-even: #181c22; /* Border tokens */ --border-base: #3a3a3a;