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;